用途：该技能用于根据用户提供的前端需求（组件、页面、应用或界面）生成遵循 GitHub Primer 品牌设计规范的生产级可运行代码，强调清晰度与可用性优先于装饰。
主要能力：指导使用官方 Primer React Brand 组件（如 Hero、Button、Heading、Text、Grid、Stack、Box），统一使用 @primer/octicons-react 图标；提供布局、排版、配色与常见页面结构模式；包含可访问性与构建测试要求。
使用方式：安装依赖 npm install @primer/react-brand @primer/octicons-react；在根布局导入 import "@primer/react-brand/lib/css/main.css"；因 CommonJS 兼容问题，需用默认导入再解构：import pkg from "@primer/react-brand"; const { ThemeProvider, Button, Hero } = pkg; 并用 ThemeProvider 包裹应用。图标通过 leadingVisual/trailingVisual 传入，颜色用 fill 属性。布局优先用 Box 控制间距，避免多余 div。
限制：须遵循品牌指南与 Primer 文档；不得交付无法构建或运行的改动，需执行 npm run build 与 npm run dev 验证；具体支持的框架版本、价格与平台信息资料未提供。