专业UI生成与现有界面优化技能。当用户请求生成UI界面、设计页面、优化现有界面、创建组件库、设计系统、App界面、Web界面、Dashboard、Landing Page,或任何涉及视觉交互设计时,必须触发此技能。参考Google Material Design、Apple HIG以及Pinterest级别审美标准,输出大气简约、高级美学的UI代码。即使用户仅说“帮我做个界面”“优化一下UI”“设计一个页面”,也必须触发。
UI Design System Skill
功能概述
UI Design System Skill是一项面向实际任务的技能,主要用于📋 背景与设计哲学;本 Skill 专注于生成 大厂级别、Pinterest 审美、高级简约 的 UI 界面;
核心要点
- 参考标准:;
- Google Material Design 3 — 色彩系统、动效原则、组件规范;
- Apple Human Interface Guidelines — 空间设计、排版节奏、细腻质感;
使用与执行
Fluent Design (。它将相关步骤、工具调用和结果整理方式集中到统一流程中,帮助使用者更快完成目标并减少重复操作。从功能定位来看,该技能强调把分散的操作要求整理成清晰、可复用的处理流程,使用户能够围绕既定目标快速准备输入、选择执行方式并获得结构化结果。实际使用前应先确认任务范围、数据来源、运行环境、必要权限和关键参数,再依据技能说明逐步执行;
结果检查与注意事项
若输入条件不完整,应先补齐信息或采用保守配置,避免因错误假设导致结果偏离需求。执行过程中需要关注工具调用是否成功、接口或依赖是否可用、输出格式是否符合预期,并对异常提示、缺失字段和边界情况进行处理;涉及批量任务时,还应保存进度,避免中断后重复操作。该技能适合用于一次性任务,也可以接入自动化工作流,与其他技能或上层代理配合完成更完整的业务链路;在组合使用时,应明确每一步的输入输出关系,并避免不同步骤之间出现参数冲突。
目录
