Addyosmani技能

web-quality-skills/skills/accessibility

根据WCAG 2.2指南审计并改进网页无障碍性。当被要求“改进无障碍性”、“无障碍审计”、“WCAG合规”、“屏幕阅读器支持”、“键盘导航”或“实现无障碍”时使用。

agent-skills/skills/api-and-interface-design

指导稳定的API和接口设计。在设计API、模块边界或任何公共接口时使用。在创建REST或GraphQL端点、定义模块间的类型契约、或建立前后端边界时使用。

web-quality-skills/skills/best-practices

应用现代网页开发的最佳实践，以确保安全性、兼容性和代码质量。当被要求“应用最佳实践”、“安全审计”、“现代化代码”、“代码质量审查”或“检查漏洞”时使用。

agent-skills/skills/browser-testing-with-devtools

通过Chrome DevTools MCP在真实浏览器中进行测试。在构建或调试任何运行在浏览器中的内容时使用。当需要检查DOM、捕获控制台错误、分析网络请求、分析性能或使用真实运行时数据验证视觉输出时使用。需要配置chrome-devtools MCP服务器。

agent-skills/skills/ci-cd-and-automation

自动化CI/CD流水线设置。在设置或修改构建与部署流水线时使用。当需要自动化质量门禁、在CI中配置测试运行器或建立部署策略时使用。

agent-skills/skills/code-review-and-quality

执行多维度代码审查。在合并任何变更前使用。在审查自己、其他智能体或人类编写的代码时使用。当需要在代码进入主分支前从多个维度评估代码质量时使用。

agent-skills/skills/code-simplification

简化代码以提高清晰度。适用于重构代码以提升可读性且不改变行为时。适用于代码功能正常但可读性、可维护性或可扩展性欠佳时。适用于审查已积累不必要复杂性的代码时。

agent-skills/skills/context-engineering

优化智能体上下文设置。在启动新会话、智能体输出质量下降、切换任务或需要为项目配置规则文件和上下文时使用。

web-quality-skills/skills/core-web-vitals

优化核心网页指标（LCP、INP、CLS）以提升页面体验和搜索排名。当被要求“改善核心网页指标”、“修复LCP”、“减少CLS”、“优化INP”、“页面体验优化”或“修复布局偏移”时使用。

agent-skills/skills/debugging-and-error-recovery

指导系统性的根因调试。当测试失败、构建中断、行为与预期不符或遇到任何意外错误时使用。当你需要系统性地查找并修复根因而非猜测时使用。

agent-skills/skills/deprecation-and-migration

管理弃用和迁移。用于移除旧系统、API或功能时。用于将用户从一个实现迁移到另一个实现时。用于决定是维护还是淘汰现有代码时。

agent-skills/skills/documentation-and-adrs

记录决策和文档。在做出架构决策、更改公共API、发布功能或需要记录未来工程师和代理理解代码库所需的上下文时使用。

agent-skills/skills/doubt-driven-development

在每一项非琐碎决策最终确定前，都对其进行基于全新语境的对抗性审查。适用于正确性比速度更重要时、处理不熟悉的代码时、风险较高时（生产环境、安全敏感逻辑、不可逆操作），或任何自信的输出现在验证比以后调试更划算的情况。

agent-skills/skills/frontend-ui-engineering

构建生产级、可访问、响应式的面向用户界面。适用于构建或修改界面和页面、创建组件、实现布局、满足WCAG无障碍要求、管理状态，或当输出需要呈现生产级而非AI生成的外观和体验时。

agent-skills/skills/git-workflow-and-versioning

结构化Git工作流实践。在进行任何代码更改时使用。在提交、分支、解决冲突或需要跨多个并行流组织工作时使用。在发布版本、选择语义版本升级、打标签或编写变更日志时使用。

agent-skills/skills/idea-refine

通过结构化的发散与收敛思维，将原始想法提炼为清晰、可执行的概念。适用于想法仍模糊时、在制定计划前需要压力测试假设时，或希望在聚焦于一个方案前拓展更多选项时。触发词包括“构思”、“完善这个想法”或“压力测试我的计划”。

agent-skills/skills/incremental-implementation

逐步交付变更。在实现涉及多个文件的任何功能或更改时使用。在即将一次性编写大量代码，或任务感觉太大无法一步完成时使用。

agent-skills/skills/interview-me

提取用户实际想要的内容，而非他们认为自己应该想要的内容。通过一次只问一个问题的方式进行访谈，直到对潜在意图的把握达到约95%的置信度。在以下情况使用：当需求表述不明确时（例如“给我建个X”却没有说明“给谁用”或“为什么现在做”），当用户明确要求时（如“采访我”、“拷问我”、“我们确定吗？”、“考验我的想法”），或者当你发现自己尚未制定任何计划、规格或代码，却已在默默填补模糊需求时。

agent-skills/skills/observability-and-instrumentation

对代码进行检测，使生产环境行为可见且可诊断。在添加日志、指标、追踪或告警时使用。在交付任何运行于生产环境的功能且需要验证其正常工作时使用。当生产问题被报告但无法从现有数据判断原因时使用。

web-quality-skills/skills/performance

优化网页性能，实现更快加载与更佳用户体验。当被要求“加速我的网站”、“优化性能”、“减少加载时间”、“修复加载缓慢”、“提升页面速度”或“性能审计”时使用。

agent-skills/skills/performance-optimization

优化前端、后端、查询和数据库的应用性能。适用于存在性能需求时、怀疑性能回退时、需要改进核心网页指标或加载时间时、需要修复N+1查询模式时，或性能分析发现瓶颈时。

agent-skills/skills/planning-and-task-breakdown

将工作分解为有序的任务。当你有规格说明或明确需求，需要将工作拆解为可执行的任务时使用。当任务感觉过于庞大难以着手、需要估算范围或可以并行处理时使用。

agent-skills/skills/security-and-hardening

对代码进行加固以防止漏洞。在处理用户输入、身份验证、数据存储或外部集成时使用。在构建任何接受不可信数据、管理用户会话或与第三方服务交互的功能时使用。

web-quality-skills/skills/seo

针对搜索引擎可见性和排名进行优化。当被要求“改善SEO”、“优化搜索”、“修复元标签”、“添加结构化数据”、“优化站点地图”或“搜索引擎优化”时使用。

agent-skills/skills/shipping-and-launch

准备生产发布。在准备部署到生产环境时使用。在需要发布前检查清单、设置监控、规划分阶段发布或需要回滚策略时使用。

agent-skills/skills/source-driven-development

将每个实现决策建立在官方文档的基础上。当你希望获得权威、有来源引用的代码，并避免使用过时模式时使用。在构建任何注重正确性的框架或库时使用。

agent-skills/skills/spec-driven-development

在编码前创建规格说明。适用于启动新项目、新功能或重大变更且尚无规格说明时。适用于需求不清晰、模糊或仅存在于模糊概念中时。

agent-skills/skills/test-driven-development

以测试驱动开发。在实现任何逻辑、修复任何错误或更改任何行为时使用。在需要证明代码有效时、收到错误报告时或即将修改现有功能时使用。

agent-skills/skills/using-agent-skills

发现并调用代理技能。在启动会话或需要发现适用于当前任务的技能时使用。这是管理所有其他技能如何被发现和调用的元技能。

web-quality-skills/skills/web-quality-audit

全面的网页质量审计，涵盖性能、可访问性、SEO及最佳实践。当被要求“审计我的网站”、“审查网页质量”、“运行Lighthouse审计”、“检查页面质量”或“优化我的网站”时使用。