第5篇：多工具协同 — Claude Code + OpenCode + Figma + Cursor
前置知识：阅读第1-4篇后食用效果更佳
学习时长：约 15 分钟
你将学到什么
...
Claude Code 如何写 Skill 技能
如何编写一个 Skill 技能
技能（Skill）是什么
在 Claude Code 中，技能是通过 自定义 Agent 配置 实现的。每个技能包含：
- 角色设定（Persona...
品牌统一输出-从Spec到多页面
品牌统一输出：从 Spec 到多页面系统
背景：同一个品牌规范（AI 心理健康产品 MindAI），需要输出官网首页 + 功能页 + 博客页 + 关于页 四个不...
SaaS-Dashboard-功能型页面
SaaS Dashboard：功能型页面的设计平衡
背景：SaaS 产品需要一个分析面板，展示用户的业务数据——活跃用户、事件追踪、漏斗分析。这类页面的设计...
团队介绍页-人物排版的艺术
团队介绍页：人物排版的艺术
背景：公司官网缺一个团队页面。不是简单的「头像 + 名字 + 职位」陈列，而是让人感受到团队氛围和文化。我用 huas...
个人作品集-设计师网格Gallery
个人作品集：设计师的网格 Gallery
背景：一个朋友想换个工作，需要一个作品集页面。他说「Figma 做太慢，Webflow 太贵，我要一个能打开的页面...
知识库主题-团队文档站
知识库主题：给团队做个干净的文档站
背景：团队需要一个内部文档站存放设计规范和组件文档。开源的 Docusaurus 太重，Notion 太慢，Confluence...