
@addyosmani 的全部 Skill
code-review-and-quality
by @addyosmani
多维度代码审查和质量门禁,自动检查正确性、可读性、架构、安全性和性能,确保每次合并前通过五维质量评估
security-and-hardening
by @addyosmani
Web 应用安全开发实践,将所有外部输入视为敌对,每个密钥视为神圣,每个授权检查视为强制,安全是约束而非阶段
frontend-ui-engineering
by @addyosmani
构建生产级可访问、高性能、视觉精美的用户界面,遵循真实设计系统规范,达到顶尖公司设计感知工程师的开发水准
accessibility
by @addyosmani
依据WCAG 2.2指南,审计并改进网页的可访问性,确保所有用户都能顺畅使用。
spec-driven-development
by @addyosmani
在编写代码前先创建结构化的技术规格文档,明确功能目标、验收标准和技术方案,避免实现过程中的反复和偏差
planning-and-task-breakdown
by @addyosmani
将大型开发任务智能分解为明确验收标准的子任务,通过可验证的步骤提升工作完成的可靠性
documentation-and-adrs
by @addyosmani
记录决策背景和权衡,不仅记录代码实现,更要说明为什么这样设计,帮助团队理解架构决策历史
code-simplification
by @addyosmani
自动重构复杂代码,提高可读性和性能,生成结构化注释并移除冗余逻辑
debugging-and-error-recovery
by @addyosmani
系统化调试与结构化分流,保留证据并遵循检查清单找到根因,避免猜测浪费时间
api-and-interface-design
by @addyosmani
设计稳定、难误用的接口,使正确操作简单、错误操作困难,适用于 REST API、GraphQL、组件 props 等所有代码边界
incremental-implementation
by @addyosmani
采用薄垂直切片策略渐进式构建功能,每次增量保持系统可测试状态,避免大规模重构风险
git-workflow-and-versioning
by @addyosmani
将 Git 提交视为存档点、分支视为沙箱,提供在 AI 高速生成代码时代的版本控制最佳实践
using-agent-skills
by @addyosmani
按开发阶段组织的工程技能索引,自动识别当前任务并推荐应用最佳实践,覆盖从设计到部署的全流程
idea-refine
by @addyosmani
通过发散和收敛思维将原始想法细化为可执行概念,提出尖锐问题、生成变体并评估可行性
browser-testing-with-devtools
by @addyosmani
通过 Chrome DevTools MCP 赋予 Agent 浏览器视觉能力,检查 DOM、读取控制台、分析网络请求,弥补静态分析局限
shipping-and-launch
by @addyosmani
安全发布实践,确保部署可观测、可回滚、可增量,部署前配置监控和告警,明确成功指标并准备回滚预案
ci-cd-and-automation
by @addyosmani
自动设置代码质量门禁,确保每次变更都通过测试、lint、类型检查和构建,持续集成保障代码质量
source-driven-development
by @addyosmani
强制所有框架特定代码决策必须基于官方文档验证,确保实现准确性和时效性,避免依赖过时记忆
deprecation-and-migration
by @addyosmani
赋能AI Agent,系统化识别并安全移除不再需要的代码与系统,主动管理技术债务,确保产品迭代高效、维护成本可控,加速AI能力持续演进。
interview-me
by @addyosmani
此技能通过一次一问的访谈,在计划、规范或代码编写前,精准提取用户真实意图,而非其表面需求。它能有效避免因需求模糊导致的开发偏差和返工,确保项目方向与用户期望高度一致,显著提升开发效率和最终成果的用户满意度。
doubt-driven-development
by @addyosmani
Doubt-Driven Development 是一种开发纪律,它在任何非重要决策最终确定前,引入一个持怀疑态度的独立审查者进行对抗性审查。当正确性优先于速度、处理不熟悉代码或面临高风险(如生产环境、安全敏感逻辑)时使用,以确保决策和代码的质量与可靠性,避免后期调试的高昂成本。
observability-and-instrumentation
by @addyosmani
此技能通过代码插桩,提供日志、指标、追踪和告警等全面的可观测性数据,使用户能够清晰地了解系统在生产环境中的运行状态,快速诊断并解决问题,从而确保系统稳定高效运行。
seo
by @addyosmani
搜索引擎优化,通过改进网站内容和技术结构,提升其在搜索引擎中的可见度和排名,吸引更多自然流量。
performance
by @addyosmani
优化网站性能,实现更快的加载速度和更好的用户体验,解决加载缓慢等问题。
web-quality-audit
by @addyosmani
提供全面的Web质量审计,涵盖性能、可访问性和SEO,确保网站高质量运行并符合行业标准。
core-web-vitals
by @addyosmani
优化核心Web指标(LCP, INP, CLS),提升页面加载速度、交互性和视觉稳定性,改善用户体验。
best-practices
by @addyosmani
运用现代前端开发最佳实践,确保Web应用在安全性、性能、可维护性和用户体验方面的卓越表现。