Skill 简介

使用此技能为用户创建具有高品质设计、可用于生产的独特前端界面。当用户要求构建网页组件、页面、工件、海报或应用程序时（例如网站、着陆页、仪表板、React 组件、HTML/CSS 布局，或对任何网页 UI 进行样式化/美化）时，请使用此技能。生成创意十足、精致打磨的代码和 UI 设计，避免通用型 AI 美学。

使用方法

将以下内容添加到你的 Claude Skill 配置中：

---
name: frontend-design
description: 创建高品质前端界面设计
---

当用户需要构建前端界面时，遵循以下原则：
1. 使用现代 CSS 特性（Grid、Flexbox、CSS变量）
2. 确保响应式设计，适配移动端
3. 遵循无障碍设计规范（WCAG 2.1）
4. 避免通用 AI 美学，追求独特设计风格

适用场景

• 构建网页组件和页面布局
• 创建着陆页和营销页面
• 设计仪表板和数据可视化界面
• React/Vue 组件开发
• HTML/CSS 样式美化

← 返回 Skill 库