distinctive-frontend 是一个面向 AI 智能体的前端技能，归属于 podo/design-agent-skills 技能集（完整包为 Koomook/claude-frontend-skills）。它的核心作用是根据选定的设计主题，生成具有鲜明风格的前端界面与组件代码。
用途 该技能将四套完整定义的设计系统打包在同一个技能中，用来快速生成风格化、区别于常规模板的前端界面。适合需要特定视觉风格的探索性、创意性或实验性项目。
主要能力 四套主题分别为：
- Cyberpunk（赛博朋克）：暗色底配霓虹色、科技感字体、故障（glitch）效果。
- Brutalist（粗野主义）：高对比度、原始网格布局、粗壮无衬线字体。
- Vaporwave（蒸汽波）：柔和粉彩渐变、复古字体、合成器波（synthwave）动态效果。
- Nordic Minimalism（北欧极简）：干净的留白、低饱和配色、功能性无衬线字体。 每套主题均附带精选的字体搭配、完整配色系统，以及预置的错落（staggered）动画序列。用户按名称指定主题后，技能会生成与对应美学风格一致、可直接用于生产环境的组件代码。
使用方式 安装命令：npm install -g @bong/claude-frontend-skills 安装后以技能名 distinctive-frontend 调用。可用的触发短语包括："distinctive frontend"、"cyberpunk UI"、"brutalist frontend"、"vaporwave design"、"nordic minimalism"。 技能内提供了决策流程：先检查智能体的技能目录中是否已包含内容完整的 distinctive-frontend（而非仅有存根）；若已安装则直接调用并继续，若未安装则根据所使用的智能体选择安装方式。文档中列出的安装方式为：Claude Code 使用 npm install -g @bong/claude-frontend-skills；Cursor 使用相同命令；其他智能体同样使用该命令或参考 GitHub README。
适用场景 适合需要强烈、明确视觉风格的界面生成任务，例如创意项目、概念演示、风格化产品页面等，且用户已明确希望采用上述四种主题之一。
限制 不适用于需要生产安全、保守风格的场景。这些主题风格强烈且具有实验性，在没有大幅调整的情况下，不适合企业级 SaaS 或受监管行业。此外，每套主题都是自包含且风格明确的，不支持混搭主题或创建混合美学。
其他信息 该条目为目录存根（Catalogue stub），完整包指向 Koomook/claude-frontend-skills。关于收费、价格、平台支持范围等具体信息，资料中暂未提供。