frontend-design-pro

frontend-design-pro 是一套面向 AI 编程 agent 的前端开发规范 skill pack，通过注册中心路由和 60 项机器强制检查来约束 agent 生成代码的质量，防止输出默认值和样板代码。

触发机制：采用关键词匹配而非模糊推断。路由器读取用户 prompt 后，与每个 skill 的触发关键词进行匹配，加载最匹配的那一个及其声明的核心文件。没有匹配时，系统会提出澄清问题而非随意猜测。这种设计避免了 agent 因为上下文不足而随意发挥。

质量门禁：每个 skill 声明 60 项机器可验证的约束条件，分为两类：AST 级约束（17 条）通过 TypeScript 编译器 API 进行树级检查，能够发现文本层面无法识别的语义问题；正则约束（43 条）以模式匹配方式运行，检查速度更快，其中部分可在浏览器端直接执行。约束涵盖语义正确性、类型安全、性能模式和无障碍要求。

零默认值原则：skill 明确禁止输出占位符内容，包括 Acme、John Doe、user123、$99.99 等默认示例，以及「Elevate your workflow」类营销文案。动画方面禁用 bounce、elastic、back 等非功能性缓动，禁止 transition: all，默认字体排除 Inter、Roboto、Arial、Poppins 等常见选项，要求使用具体指定的字体方案。

技术栈：基于 TypeScript，生成的代码通过 tsc --strict 编译检查。懒加载机制确保每次请求只加载对应 skill 及其声明的依赖，不会引入完整工具库。安装为浏览器可运行的注册中心，无需本地环境配置。