design-system-generator

设计系统生成器

设计系统生成器，可将自然语言描述与设计趋势相匹配。精通 Swiss Modern、Neobrutalism、Glassmorphism 及其他 20 多种设计趋势。包含趋势匹配脚本和全面的设计模式库。

何时使用此技能

适用于：

• “设计系统”、“设计趋势”、“趋势匹配器”
• “Swiss Modern”、“Neobrutalism”、“Glassmorphism”
• “匹配设计风格”、“设计趋势推荐”
• “组件库趋势”、“现代设计模式”

不适用于：

• 实现单个组件 → design-system-creator
• 专门处理深色模式 → dark-mode-design-expert
• 仅处理排版 → typography-expert
• 无障碍审查 → color-contrast-auditor

核心能力

此技能提供一个趋势匹配脚本，可将自然语言描述映射到特定设计趋势，包括：

• Swiss Modern（简洁、极简、专业）
• Neobrutalism（大胆、鲜明、戏剧化）
• Glassmorphism（透明、磨砂玻璃）
• Neumorphism（柔和、触感、凸起）
• 深色模式（夜间模式、针对 OLED 优化）
• 极简主义（精炼、平和、禅意）
• 极繁主义（鲜艳、多彩、丰富）
• 赛博朋克（霓虹、未来主义、游戏）
• 复古未来主义（复古科幻、街机）
• 沉浸式 3D（WebGL、AR、交互式）
• 动态设计（动画、微交互）
• 大胆排版（超大尺寸、动态）
• 拼贴（剪贴簿、艺术感）
• 可持续设计（合乎伦理、易于访问）
• Claymorphism（柔和、圆润、活泼）
• 终端美学（等宽字体、CLI）
• Web3/加密货币（渐变、区块链）
• 植物/有机风格（自然、质朴）

用法

运行趋势匹配脚本：

npx ts-node scripts/match-trend.ts "description of desired design"

脚本将分析描述，并返回最匹配的设计趋势、匹配分数及匹配到的关键词。