用途:frontend-design 是一个前端设计工作流技能,用于指导创建风格独特、可直接用于生产的前端界面,帮助使用者避开常见的“AI 味”审美,同时实现真正可运行的代码,并注重美学细节与创意选择。当用户要求构建网页组件、页面、制品、海报或应用时适用。
主要能力:技能提供一套设计指导,涵盖设计方向、排版、配色与主题、布局与空间、视觉细节、动效、交互、响应式与界面文案等维度,并附带参考文件(如 color-and-contrast.md、interaction-design.md 等)。它强调先确定明确的美学方向(如极简、极繁、复古未来、编辑杂志风、野兽派等),再让实现复杂度与美学愿景相匹配。
使用方式:先确认用户目标与范围,阅读概览与来源文件,仅加载对当前任务真正有影响的参考、示例或脚本,再执行上游工作流。示例用法包括:用 @frontend-design 直接处理任务;或要求基于 metadata.json 与 ORIGIN.md 进行来源依据式审查;或执行前明确指定要加载的支持文件。文中给出落地页、仪表盘、海报三类示例场景。
适用场景:需要打造有记忆点、非模板化的网页界面、应用 UI、仪表盘或营销制品。
限制:该资料主要来自公开导入的上游技能包,具体命令、安装步骤、依赖与平台支持等信息暂未提供;具体项目框架、性能与无障碍等约束需由使用者自行确认。