界面交互与视觉实现

原名：ui-ux-design

结合使用场景、品牌和交互状态设计界面，检查可访问性与实际行为。

中文 Skills 技能说明

老板想改善表单、工作台或落地页时，可让用户界面设计师与获准前端开发员工协作。提供现有页面、用户目标、框架、品牌约束和截图，技能梳理布局、视觉及加载、错误、空态与焦点，交付界面草稿和检查项。不是生成好看图就完成产品，也不保证未经测试的无障碍合规。桌面端需项目和工具授权，上游 Claude Stop hook 不代表 Hermes 会执行；素材核对版权，保留原样式和用户改动，发布前人工查看并测试。

上游能力依据

上游原始适用说明：Create production-grade frontend interfaces with strong UX and visual craft. Use when building web components, pages, dashboards, forms, landing pages, modals, or any UI. Use when user says 'build a form', 'create a dashboard', 'design a component', 'make a landing page', or asks for UI/UX work. Use even when the user just says 'make this look better' or pastes screenshots/mockups without explicitly naming a design task.

上游 SKILL.md 主要章节（保留原文标题）：

• When to Use
• Workflow
• Step 1: Assess Context
• Step 2: Consult References
• Step 3: Generate Code
• Step 4: Verify
• Output Requirements
• Aesthetic Direction
• Anti-Patterns
• Checklist

使用边界

先核对上游说明、依赖、输入资料和所需权限。涉及写入、删除、发布、支付或外部发送时，必须在执行前人工确认。

作者、翻译与许可证

原作者

Arvind Menon（arvindand）与 agent-skills contributors

中文翻译

CEOFans翻译

许可证

MIT

上游来源

https://github.com/arvindand/agent-skills/tree/70a0bcbed906a26fae84b5cc80ea09f4e1f8b1a7/skills/ui-ux-design

适用范围

平台：linux、macos、windows；标签：设计与前端、界面交互与视觉实现、开源技能

安全提示

基础静态扫描不等于绝对安全。技能可能调用命令、浏览器、云服务或本地文件，请在最小权限环境中使用，高风险操作必须人工确认。

如发现侵权、许可证或安全问题，可在本页前台提交投诉，管理员复核后可立即下架。