# Frontend_Design_System

> 将 UI 样式需求转化为生产级的前端代码，支持设计令牌、可访问性合规和创意执行。

- Skill: `cyangzhou/frontend-design-system` (Agent Skill)
- Install (CLI): `npx skillmds@latest add cyangzhou/frontend-design-system`
- Raw SKILL.md: https://api.skillmd.com/api/skills/cyangzhou/frontend-design-system/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: cyangzhou (https://skillmd.com/u/cyangzhou)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/cyangzhou/frontend-design-system

---


# 前端设计系统技能

系统化且极具创意的前端开发。

## 核心原则
1. **系统 + 创意**: 拒绝平庸，追求独特审美。
2. **令牌优先**: 所有视觉属性源于令牌系统。
3. **技术栈**: 默认使用 React + Tailwind + shadcn/ui。