【ui-ux-pro-max-skill和superpowers】【在opencode中加入SKILL】OpenCode是目前比较火的开源CLI工具，加入Skill来让它更强！

两个超强工具的开源地址：一个是前端UI，一个是超级技能集合superpowers

【open code】请确认已经安装opencode

在操作系统中，powershell或者CMD，输入opencode --version你能看到版本号就表示已经成功安装opencode。

寻找Skill， 可以去skill market，但是我也可以上Github找免费的Skill来使用

因为opencode是开源的，而且能够支持本地部署的ollama模型或者vllm大语言模型服务，同样的，为了让开发更加顺利和加强我们的开发工具，于是乎我找到了https://github.com/nextlevelbuilder/ui-ux-pro-max-skill以及超级技能集合https://github.com/obra/superpowers

【ui-ux-pro-max-skill】的优点：

如何安装与获取

PowerShell 7.5.4
PS C:\Users\Administrator> npm install -g uipro-cli

added 23 packages in 2s
PS C:\Users\Administrator> cd C:\Users\Administrator\Documents\bg_workspace
PS C:\Users\Administrator\Documents\bg_workspace> uipro init --ai opencode

UI/UX Pro Max Installer

info Installing for: OpenCode (.opencode/skills/)
✔ Generated from templates!

info Installed folders:
  + .opencode

success UI/UX Pro Max installed successfully!

Next steps:
  1. Restart your AI coding assistant
  2. Try: "Build a landing page for a SaaS product"

PS C:\Users\Administrator\Documents\bg_workspace>

简单地说：
首先安装 uipro，通过指令：npm install -g uipro-cli
然后进入项目目录，
然后初始化一下的命令：uipro init --ai opencode
那么现在就可以了。进入opencode，然后输入 “Build a landing page for a SaaS product”

更多的提示词例子：

Build a landing page for my SaaS product

Create a dashboard for healthcare analytics

Design a portfolio website with dark mode

Make a mobile app UI for e-commerce

Build a fintech banking app with dark theme

我给出上面提示词的翻译版：

创建一个针对我的 SaaS 产品的登陆页面
创建一个医疗分析仪表盘
设计一个具有暗色模式的个人作品网站
设计一个电子商务移动应用的 UI
创建一个带有暗色主题的金融科技银行应用

这个UI Skill支持的项目很多：

# Install CLI globally
npm install -g uipro-cli

# Go to your project
cd /path/to/your/project

# Install for your AI assistant
uipro init --ai claude      # Claude Code
uipro init --ai cursor      # Cursor
uipro init --ai windsurf    # Windsurf
uipro init --ai antigravity # Antigravity
uipro init --ai copilot     # GitHub Copilot
uipro init --ai kiro        # Kiro
uipro init --ai codex       # Codex CLI
uipro init --ai qoder       # Qoder
uipro init --ai roocode     # Roo Code
uipro init --ai gemini      # Gemini CLI
uipro init --ai trae        # Trae
uipro init --ai opencode    # OpenCode
uipro init --ai continue    # Continue
uipro init --ai codebuddy   # CodeBuddy
uipro init --ai all         # All assistants

心痒痒了，赶紧去试试效果！