用途:该技能用于产出真实、可上线的生产级前端代码,强调有意图的视觉方向,适合构建或重设计网页组件、页面、仪表盘、落地页等。(需注意:资料中落地页部分的描述被截断,暂未提供更完整内容。)
主要能力与要求:它定义设计成果与质量标准,而非强制实现工具;遵循用户既定的框架、库、代码风格、架构与文件约定。要求先锁定受众、核心任务、语气、平台与约束,再形成三个差异化方向并选定一个,定义概念陈述、字体搭配、色彩令牌、空间规则与标志性元素等方向契约,随后先建立令牌系统再构建组件,并加入交互深度与至少一个主角级时刻。
质量约束:对首屏文案长度、多方案在构图/信息流/导航/形状语言/媒体处理/交互上的差异、对比度与可读性有明确限制;默认避免 Inter/Roboto/Arial/system 作为主身份字体、紫粉蓝霓虹渐变、通用“SaaS 主视觉+三卡片+CTA”结构等。提供若干现代模式家族作为参考,如便当式叙事、编辑式排版、新粗野主义、静谧奢华、应用座舱、动态字体主视觉等。
使用方式:在用户指定技术栈与项目原生主题系统中落地,用变量、工具类配置、主题对象等方式实现令牌;优先复用既有项目模式,缺少偏好时选择最小依赖方案;动效优先使用平台原生原语,并尊重减少动态偏好。多方案时默认生成五个概念,可在同一应用内提供轻量切换器。
限制与自检:交付要求无需手动修复即可运行、使用领域化文案、具备可见焦点样式与可读对比度、桌面与移动端均打磨完成,并进行一次构建后优化;还需按独特性、布局原创性、文字经济性、字体工艺、交互质量、可访问性、响应式等维度自评,任一项低于满分则需修改后再输出。具体安装命令与价格等资料暂未提供。