Agent Skills
› Amery2010/open-builder
Amery2010/open-builder
GitHub提供Web无障碍开发指南，涵盖语义化HTML、键盘导航、ARIA属性及对比度标准，指导构建符合WCAG 2.1 AA标准的交互组件。
Install All Skills
npx skills add Amery2010/open-builder --all -g -y
Skills in Collection (5)
提供Web无障碍开发指南，涵盖语义化HTML、键盘导航、ARIA属性及对比度标准，指导构建符合WCAG 2.1 AA标准的交互组件。
构建前端交互组件
优化网页可访问性
实现键盘导航逻辑
npx skills add Amery2010/open-builder --skill accessibility -g -y
针对Web应用运行时错误、白屏及异常行为的系统化调试工作流，涵盖复现、定位、假设验证、修复及防回归步骤。
应用出现控制台报错
页面显示白屏
布局崩溃或数据异常
预览行为不符合预期
npx skills add Amery2010/open-builder --skill debugging -g -y
提供 React 19 现代组件开发规范，涵盖结构、状态管理、副作用处理、性能优化及表单设计等最佳实践，指导编写可维护的前端代码。
编写或重构 React 组件
选择 Hooks 使用策略
设计组件 API
配置状态管理
npx skills add Amery2010/open-builder --skill react-patterns -g -y
提供 Tailwind CSS 响应式布局、暗色模式、间距规范及 shadcn/ui 集成指南，辅助生成高质量前端样式代码。
编写 Tailwind CSS 类名
实现响应式布局
配置暗色模式
使用 shadcn/ui 组件
npx skills add Amery2010/open-builder --skill tailwind-helpers -g -y
提供 TypeScript 类型安全与可维护性最佳实践，涵盖类型收窄、判别联合、unknown vs any、satisfies 及类型守卫等模式，旨在减少运行时错误并提升代码质量。
询问 TypeScript 类型系统用法
寻求代码重构建议以提升类型安全
讨论如何避免使用 any 或不当断言
npx skills add Amery2010/open-builder --skill typescript-patterns -g -y
