OpenDesign 代码直出指南

设计师用 AI 工具干活时，AI 直接产出的就是符合工程规范的 Vue 3 + OpenDesign 代码——渲染出来即设计稿，可直接进生产工程。

❌ 不要"先生成 HTML 再转成代码"。 ✅ 一步到位：直接输出真实 @opensig/opendesign 组件 + --o- token 的 Vue SFC。

本 skill 不重复 Token 表与组件 API，按需链接：

• 全量 Token（六主题 / 响应式 / 24 栅格 / 色值反查）→ ../opendesign-tokens/SKILL.md
• 46 个组件的 Props/Events/Slots → ../opendesign-components/SKILL.md
• 想产 Pixso 设计稿而非代码 → ../opendesign-design/SKILL.md

适用前提：先确认目标仓用 OpenDesign

本 skill 产出的代码要落进各开源社区官网（portal）仓。并非所有 portal 都用 OpenDesign——确认前不要动手：