前端设计规范

技能简介

本技能提供一套用于构建独特且生产级前端界面的设计规范与实现方法，涵盖组件架构、样式系统和视觉模式。

能做什么

• 建立统一的视觉设计语言与组件体系
• 实现可复用的生产级UI组件
• 制定前端代码结构与命名规范
• 保障多项目间的设计一致性

使用说明

安装依赖：

# 原始文档未提供具体安装指令
# 请根据项目技术栈选择包管理器
npm install 或 yarn add 或 pnpm install

使用步骤：

1. 将设计规范文件引入项目
2. 按照组件目录结构组织代码
3. 遵循命名约定创建新组件
4. 使用提供的样式变量与混合宏

输入与输出

见下方输入与输出表格。

风险提示

• 需配合具体前端框架（React/Vue/Angular）使用
• 设计令牌需与构建工具链集成
• 团队需统一培训以正确应用规范

来源信息

来源链接：https://github.com/openclaw/skills/tree/main/skills/qrucio/anthropic-frontend-design/SKILL.md
来源类型：GitHub仓库