前端界面工程

原名：frontend-ui-engineering

帮助构建有完整交互和工程质量的用户界面，适用于组件、布局、状态和体验优化。

中文 Skills 技能说明

用于开发或修改用户可以直接看到的前端页面。它关注布局、组件拆分、交互状态、响应式适配和可维护性，目标是交付可上线的界面，而不是只做一张静态效果图。

上游能力依据

上游原始适用说明：Builds production-quality, accessible, responsive user-facing UIs. Use when building or modifying interfaces and pages, creating components, implementing layouts, meeting WCAG accessibility requirements, managing state, or when the output needs to look and feel production-quality rather than AI-generated.

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

• Overview
• When to Use
• Component Architecture
• File Structure
• Component Patterns
• State Management
• Design System Adherence
• Avoid the AI Aesthetic
• Spacing and Layout
• Typography

使用边界

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

作者、翻译与许可证

原作者

Addy Osmani

中文翻译

CEOFans翻译

许可证

MIT

上游来源

https://github.com/addyosmani/agent-skills/tree/f49337711b7a932b4b338c1d4ad73384df8fd87d/skills/frontend-ui-engineering

适用范围

平台：linux、macos、windows；标签：Frontend、UI、Engineering

安全提示

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

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