用途：design-style 用于为项目挑选并落地视觉设计风格。它内置 67 种视觉美学风格库，支持三种模式：推荐（默认）、查询（用户点名某风格）和应用（把风格套用到现有代码）。
主要能力：根据项目用途与品牌调性推荐 3 种风格，并给出配色、DNA 评分与适配理由；生成单文件并排对比预览 HTML，同一份示例内容以 3 种风格渲染，便于直观选择；查询模式下展示某风格的配色、核心 CSS、字体建议、提示词模板、注意事项与相近风格；应用模式下生成 CSS 变量，并按项目现有写法（Tailwind、CSS 变量、CSS Modules、styled-components 或原生 HTML）落地，同时提供字体链接与示例组件。
使用方式：推荐模式先一次性询问用途与基本信息，随后直接读取 styles-reference.md 并推断创新等级，选出 3 种有差异的风格，生成预览 HTML 保存到 ~/Desktop/Claude skills/design-style-preview-<project-slug>.html 并用 open 打开。查询模式直接展示指定风格详情。应用模式先扫描项目现有 CSS/HTML/框架文件，再按项目自身习惯注入主题，并校验 WCAG AA 对比度、字体链接与是否破坏现有组件。
适用场景：SaaS 与工具产品、作品集与个人站、电商与品牌店、博客与内容站、落地页、移动 App、演示文稿等需要确定视觉方向的场景。
限制：风格数据来自 styles-reference.md，权威交互参考为 https://design-lab-yanliu.vercel.app/ ；一次最多推荐 3 种风格；字体建议限定 Google Fonts 或 Fontshare；应用时保留现有代码结构与设计系统，不重写文件；深色或低对比风格需检查对比度。具体收费、价格与平台支持情况暂未提供。