核心用法
Frontend Skill 是一套面向生产环境的前端开发规范系统，覆盖 React、Next.js、Tailwind CSS 主流技术栈。通过模块化文档（stack、typography、colors、mobile、animation、examples）为开发者提供从项目初始化到交付的全流程指导，特别适用于落地页、仪表盘、表单系统、组件库等常见 UI 场景。
显著优点
1. 移动优先的强制性约束：将"先写移动端"从建议转为规则，要求每个网格必须能折叠为单列、触控目标不小于 44×44px，并强调真机测试，直接解决 60% 用户群体的体验问题
2. 设计决策的明确量化：70-20-10 色彩法则、2x+ 字体跳变规则、4.5:1 对比度标准等可执行指标，避免设计中的主观模糊地带
3. 性能与体验并重：Lazy loading、LCP/CLS 指标约束、乐观更新、100ms 反馈阈值等细节，体现对真实用户感知的深度理解
4. 安全边界清晰：明确声明只读属性，无网络请求、无数据存储，适合对安全敏感的企业环境
潜在缺点与局限性
- 技术栈锁定：深度绑定 React 生态，Vue/Svelte/Angular 开发者需额外适配
- 审美导向偏激进："拒绝平淡设计""避免通用字体"等主张可能与小品牌保守需求冲突
- 缺乏自动化工具：纯文档规范，无 CLI 脚手架或代码检测工具支撑落地
- 版本依赖风险：Tailwind CSS 频繁升级，文档版本（1.0.1）可能与最新特性脱节
适合人群
- 独立开发者快速交付高质量 MVP
- 中小型团队统一前端代码与设计标准
- 设计师-开发者协作场景，作为共同语言参考
- 追求 Core Web Vitals 达标的技术负责人
常规风险
- 过度设计："每个页面需要一个难忘元素"可能导致视觉噪音
- 无障碍合规的表面化：仅提供规则清单，无自动化检测辅助
- 移动端测试成本：真机测试要求对资源有限团队形成负担