frontend-design-pro Skill 技能

frontend-design-pro 是一套面向 AI 编程代理的前端技能包，通过注册表路由机制运作——每次请求精确加载 19 项技能之一，并在发布前对 AI 生成的内容进行 60 项机器检查（17 项 AST 检查 + 43 项正则检查），确保代码质量达到标准。

这套技能包的核心价值在于它解决了 AI 编程代理在前端开发中的两个核心问题：一是默认输出质量不稳定，二是缺乏对设计系统约束的执行机制。通过机器检查，AI 生成的前端代码必须符合 TypeScript 严格模式、不能使用默认占位符（如 Acme、John Doe、$99.99）、不能使用默认无衬线字体（Inter、Roboto、Arial 等被禁止作为主字体）、动画必须使用 calm easing 而非 bounce/elastic，以及必须使用 min-h-[100dvh] 而非 100vh 等移动端正确写法。

该技能包支持 AGENTS.md、Aider、ChatGPT、Claude Code、Cline、Codex、Continue、GitHub Copilot、Cursor、Gemini CLI、Generic、Roo、Windsurf 和 Zed 等主流 AI 编程工具，覆盖了目前最流行的 AI 辅助开发环境。安装仅需一条命令：npx skills add Krishna-Modi12/frontend-design-pro。技能包覆盖的场景包括登录页、仪表板、动态文字、可访问表单、3D 英雄区和配色主题等常见前端需求。MIT 许可证，免费使用。