设计围绕项目展开
从用户和任务决定内容层级，让布局、图片和动效服务于这个项目。
为你的项目，
生成一套设计规则。
从现有项目和你的设计偏好出发，
整理布局、文案、图片与动效要求，供后续开发复用。
npx skills add ojaccoder/project-design-skill-builder
具体改什么？
让文案说明重点
标题说具体价值，按钮说实际动作。删掉重复解释、装饰标签和空泛口号。
保持页面风格一致
把设计要求写进项目。新增页面、交接开发，沿用同一份规则。
安装后，
在你的项目里用。
在项目目录运行，选择你使用的编程助手。
npx skills add ojaccoder/project-design-skill-builder安装后，对助手说
完整使用方法 ↗使用 project-design-skill-builder 分析这个项目。先问我关键背景问题，再生成专属设计 Skill。重点去掉模板感和多余文案，明确图片与交互动效怎么用。
你可能还想知道
它会直接生成网页吗？+
先生成项目专属设计 Skill，再要求编程助手按它实现页面。这样后续改版也能继续读取同一套规则。
已经有设计规范，还需要它吗？+
如果你的项目背景和审美要求总要反复解释，可以用它整理成专属规则。已有完整可执行的设计规范时，可以直接沿用。
图片和动效怎么实现？+
生图调用助手可用的图片模型，动效使用项目现有技术或浏览器原生 API。图片用途和动效行为会写进项目规范。
网页上的演示会读取我的项目吗？+
不会。这里的表单和示例在本地运行，不调用模型。完整项目分析与专属 Skill 生成在你的编程助手中完成。