Featured image of post  Vibe Coding IV - Harness Engineering

Vibe Coding IV - Harness Engineering

一、安装 Plugins / MCP

  • superpowers
1
claude plugin install superpowers@claude-plugins-official
  • context7
1
npx ctx7 setup --claude --api-key YOUR_API_KEY
  • frontend-design
1
claude plugin install frontend-design@claude-plugins-official
  • ui-ux-pro-max-skill
1
2
claude plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill
claude plugin install ui-ux-pro-max@ui-ux-pro-max-skill
  • figma
1
2
3
claude plugin install figma@claude-plugins-official

claude mcp add --scope user --transport http figma https://mcp.figma.com/mcp
  • stitch
1
2
3
4
5
6
7
# 添加 MCP
claude mcp add stitch --transport http https://stitch.googleapis.com/mcp --header "X-Goog-Api-Key: api-key" -s user

# 或者 安装 skills
npx skills add google-labs-code/stitch-skills --list

npx skills add google-labs-code/stitch-skills --skill react:components --global

二、Start a new idea!

  1. 头脑风暴
1
2
3
使用 superpowers brainstorming skill。

我的想法:xxxx

在这个过程中,会对你的想法进行细化和澄清,并且会在网页中展示示例样式。

Harness_02 Harness_01

  1. 编写计划
1
使用 superpowers writing-plans skill。基于 @spec.doc 编写执行计划
  1. 执行计划
1
使用 superpowers executing-plans skill。执行计划。

Reference

comments powered by Disqus