frontend-design

介绍

这个Skill旨在解决前端开发中常见的“设计决策困难”和“风格不一致”问题。它提供了八种精心定义、风格迥异的设计锚点（如瑞士朋克、工业花艺师、粗野主义奢侈手表商等），每种都锁定了具体的CSS设计令牌（如调色板、字体、结构、质感），帮助开发者在构建或重构前端界面时，快速获得一个完整、独特且内部一致的设计系统。

使用方式遵循一套严谨的流程：首先明确项目背景和问题，然后从八个设计锚点中选择一个（鼓励选择“出人意料”而非“安全”的组合），接着定义一个该锚点下的标志性设计细节，最后严格按照所选锚点的CSS令牌进行实现。整个过程强调“内容与设计分离”，要求屏幕上的所有字符串都必须是真实信息或有明确用途的创作内容，禁止使用虚假数据、填充标签或AI生成的无意义文案。

它非常适合前端开发者、全栈工程师、产品设计师，以及任何需要快速为项目确立明确视觉方向、希望摆脱通用设计模板、追求独特品牌表达或需要与AI协作高效产出高质量前端界面的个人或团队。

与同类提供通用UI组件或单一设计系统的工具不同，该Skill的核心区别在于其“预设的多样性”和“执行的纪律性”。它不是提供一个可自由调整的“工具箱”，而是提供八个互斥的、完整的“设计世界观”，并要求开发者完全投入其中一个，严格遵循其规则，从而确保产出结果的独特性和高完成度，避免了风格混杂和设计妥协。