---
username: addyosmani
url: https://skills.yangsir.net/authors/addyosmani
github: https://github.com/addyosmani
skills_count: 27
total_installs: 1488300
avg_rating: 4.7
top_skill: code-review-and-quality
source: skills.sh + skillforge.db
---

# @addyosmani

> 涵盖后端、测试、前端、产品等方向，代表作 accessibility、seo、performance。

**27 skills · 1,488,300 total installs**
**Average rating**: 4.7/5 (1451 reviews)

- Profile: https://skills.yangsir.net/authors/addyosmani
- GitHub: https://github.com/addyosmani

## Skills on SkillForge (27)

注：以下为 SkillForge 已收录的部分；该作者在 skills.sh 上可能有更多作品。

### code-review-and-quality (70,500 installs)

- **Domain**: ai-code-generation-quality
- **Tags**: code-review, quality-assurance, test-automation, static-analysis, security
- **Page**: https://skills.yangsir.net/skill/daily-code-review-and-quality
- **Markdown**: https://skills.yangsir.net/api/skill/daily-code-review-and-quality/markdown

多维度代码审查和质量门禁，自动检查正确性、可读性、架构、安全性和性能，确保每次合并前通过五维质量评估

### security-and-hardening (67,300 installs)

- **Domain**: security
- **Tags**: security, owasp, authentication, authorization, secure-development
- **Page**: https://skills.yangsir.net/skill/daily-security-and-hardening
- **Markdown**: https://skills.yangsir.net/api/skill/daily-security-and-hardening/markdown

Web 应用安全开发实践，将所有外部输入视为敌对，每个密钥视为神圣，每个授权检查视为强制，安全是约束而非阶段

### frontend-ui-engineering (64,700 installs)

- **Domain**: ai-frontend-engineering
- **Tags**: ui-design, accessibility, performance, frontend-development, design-systems
- **Page**: https://skills.yangsir.net/skill/daily-frontend-ui-engineering
- **Markdown**: https://skills.yangsir.net/api/skill/daily-frontend-ui-engineering/markdown

构建生产级可访问、高性能、视觉精美的用户界面，遵循真实设计系统规范，达到顶尖公司设计感知工程师的开发水准

### accessibility (63,200 installs)

- **Domain**: design
- **Tags**: wcag-compliance, a11y-auditing, inclusive-design, screen-readers, usability-testing
- **Page**: https://skills.yangsir.net/skill/ssh2-accessibility
- **Markdown**: https://skills.yangsir.net/api/skill/ssh2-accessibility/markdown

依据WCAG 2.2指南，审计并改进网页的可访问性，确保所有用户都能顺畅使用。

### spec-driven-development (62,500 installs)

- **Domain**: product
- **Tags**: documentation, planning, requirements, specification, agile-methodologies
- **Page**: https://skills.yangsir.net/skill/daily-spec-driven-development
- **Markdown**: https://skills.yangsir.net/api/skill/daily-spec-driven-development/markdown

在编写代码前先创建结构化的技术规格文档，明确功能目标、验收标准和技术方案，避免实现过程中的反复和偏差

### planning-and-task-breakdown (61,900 installs)

- **Domain**: ai-project-management-collaboration
- **Tags**: project-management, task-management, planning, agile, productivity-tools
- **Page**: https://skills.yangsir.net/skill/daily-planning-and-task-breakdown
- **Markdown**: https://skills.yangsir.net/api/skill/daily-planning-and-task-breakdown/markdown

将大型开发任务智能分解为明确验收标准的子任务，通过可验证的步骤提升工作完成的可靠性

### documentation-and-adrs (61,400 installs)

- **Domain**: writing
- **Tags**: technical-writing, documentation, knowledge-management, agile-development, api-documentation
- **Page**: https://skills.yangsir.net/skill/daily-documentation-and-adrs
- **Markdown**: https://skills.yangsir.net/api/skill/daily-documentation-and-adrs/markdown

记录决策背景和权衡，不仅记录代码实现，更要说明为什么这样设计，帮助团队理解架构决策历史

### code-simplification (60,400 installs)

- **Domain**: ai-code-generation-quality
- **Tags**: code-quality, refactoring, code-review, automation, clean-code
- **Page**: https://skills.yangsir.net/skill/daily-code-simplification
- **Markdown**: https://skills.yangsir.net/api/skill/daily-code-simplification/markdown

自动重构复杂代码，提高可读性和性能，生成结构化注释并移除冗余逻辑

### debugging-and-error-recovery (60,400 installs)

- **Domain**: ai-system-observability-sre
- **Tags**: debugging, devops, automation, observability, quality-assurance
- **Page**: https://skills.yangsir.net/skill/daily-debugging-and-error-recovery
- **Markdown**: https://skills.yangsir.net/api/skill/daily-debugging-and-error-recovery/markdown

系统化调试与结构化分流，保留证据并遵循检查清单找到根因，避免猜测浪费时间

### api-and-interface-design (60,100 installs)

- **Domain**: ai-backend-engineering
- **Tags**: api-design, backend-development, typescript, api-development, system-design
- **Page**: https://skills.yangsir.net/skill/daily-api-and-interface-design
- **Markdown**: https://skills.yangsir.net/api/skill/daily-api-and-interface-design/markdown

设计稳定、难误用的接口，使正确操作简单、错误操作困难，适用于 REST API、GraphQL、组件 props 等所有代码边界

### incremental-implementation (59,600 installs)

- **Domain**: ai-ci-cd-deployment
- **Tags**: ci-cd, agile-development, test-automation, devops, incremental-development
- **Page**: https://skills.yangsir.net/skill/daily-incremental-implementation
- **Markdown**: https://skills.yangsir.net/api/skill/daily-incremental-implementation/markdown

采用薄垂直切片策略渐进式构建功能，每次增量保持系统可测试状态，避免大规模重构风险

### git-workflow-and-versioning (57,200 installs)

- **Domain**: ai-project-management-collaboration
- **Tags**: git, version-control, workflow, code-review, branching-strategy
- **Page**: https://skills.yangsir.net/skill/daily-git-workflow-and-versioning
- **Markdown**: https://skills.yangsir.net/api/skill/daily-git-workflow-and-versioning/markdown

将 Git 提交视为存档点、分支视为沙箱，提供在 AI 高速生成代码时代的版本控制最佳实践

### using-agent-skills (56,900 installs)

- **Domain**: ai-software-architecture-engineering
- **Tags**: prompt-engineering, workflow-automation, ai-agents, engineering-best-practices, productivity
- **Page**: https://skills.yangsir.net/skill/daily-using-agent-skills
- **Markdown**: https://skills.yangsir.net/api/skill/daily-using-agent-skills/markdown

按开发阶段组织的工程技能索引，自动识别当前任务并推荐应用最佳实践，覆盖从设计到部署的全流程

### idea-refine (56,800 installs)

- **Domain**: product
- **Tags**: product-strategy, ideation, user-stories, project-management, agile-development
- **Page**: https://skills.yangsir.net/skill/daily-idea-refine
- **Markdown**: https://skills.yangsir.net/api/skill/daily-idea-refine/markdown

通过发散和收敛思维将原始想法细化为可执行概念，提出尖锐问题、生成变体并评估可行性

### browser-testing-with-devtools (56,200 installs)

- **Domain**: testing
- **Tags**: browser-automation, testing, devtools, quality-assurance, test-automation
- **Page**: https://skills.yangsir.net/skill/daily-browser-testing-with-devtools
- **Markdown**: https://skills.yangsir.net/api/skill/daily-browser-testing-with-devtools/markdown

通过 Chrome DevTools MCP 赋予 Agent 浏览器视觉能力，检查 DOM、读取控制台、分析网络请求，弥补静态分析局限

### shipping-and-launch (56,100 installs)

- **Domain**: ai-ci-cd-deployment
- **Tags**: ci-cd, deployment, monitoring, devops, release-management
- **Page**: https://skills.yangsir.net/skill/daily-shipping-and-launch
- **Markdown**: https://skills.yangsir.net/api/skill/daily-shipping-and-launch/markdown

安全发布实践，确保部署可观测、可回滚、可增量，部署前配置监控和告警，明确成功指标并准备回滚预案

### ci-cd-and-automation (55,900 installs)

- **Domain**: ai-ci-cd-deployment
- **Tags**: ci-cd, automation, quality-assurance, devops, continuous-integration
- **Page**: https://skills.yangsir.net/skill/daily-ci-cd-and-automation
- **Markdown**: https://skills.yangsir.net/api/skill/daily-ci-cd-and-automation/markdown

自动设置代码质量门禁，确保每次变更都通过测试、lint、类型检查和构建，持续集成保障代码质量

### source-driven-development (55,900 installs)

- **Domain**: testing
- **Tags**: code-review, documentation, quality-assurance, best-practices
- **Page**: https://skills.yangsir.net/skill/daily-source-driven-development
- **Markdown**: https://skills.yangsir.net/api/skill/daily-source-driven-development/markdown

强制所有框架特定代码决策必须基于官方文档验证，确保实现准确性和时效性，避免依赖过时记忆

### deprecation-and-migration (55,100 installs)

- **Domain**: ai-productivity-automation
- **Tags**: ai-engineering, prompt-engineering, automation, ai-agents
- **Page**: https://skills.yangsir.net/skill/daily-deprecation-and-migration
- **Markdown**: https://skills.yangsir.net/api/skill/daily-deprecation-and-migration/markdown

赋能AI Agent，系统化识别并安全移除不再需要的代码与系统，主动管理技术债务，确保产品迭代高效、维护成本可控，加速AI能力持续演进。

### interview-me (55,000 installs)

- **Domain**: product
- **Tags**: requirements-gathering, user-interview, intent-clarification, product-discovery, pre-development
- **Page**: https://skills.yangsir.net/skill/gh-interview-me
- **Markdown**: https://skills.yangsir.net/api/skill/gh-interview-me/markdown

此技能通过一次一问的访谈，在计划、规范或代码编写前，精准提取用户真实意图，而非其表面需求。它能有效避免因需求模糊导致的开发偏差和返工，确保项目方向与用户期望高度一致，显著提升开发效率和最终成果的用户满意度。

### doubt-driven-development (54,300 installs)

- **Domain**: ai-code-generation-quality
- **Tags**: code-review, quality-assurance, decision-making, software-development, risk-management
- **Page**: https://skills.yangsir.net/skill/gh-doubt-driven-development
- **Markdown**: https://skills.yangsir.net/api/skill/gh-doubt-driven-development/markdown

Doubt-Driven Development 是一种开发纪律，它在任何非重要决策最终确定前，引入一个持怀疑态度的独立审查者进行对抗性审查。当正确性优先于速度、处理不熟悉代码或面临高风险（如生产环境、安全敏感逻辑）时使用，以确保决策和代码

### observability-and-instrumentation (52,500 installs)

- **Domain**: ai-system-observability-sre
- **Tags**: observability, instrumentation, logging, metrics, tracing
- **Page**: https://skills.yangsir.net/skill/gh-observability-and-instrumentation
- **Markdown**: https://skills.yangsir.net/api/skill/gh-observability-and-instrumentation/markdown

此技能通过代码插桩，提供日志、指标、追踪和告警等全面的可观测性数据，使用户能够清晰地了解系统在生产环境中的运行状态，快速诊断并解决问题，从而确保系统稳定高效运行。

### seo (51,600 installs)

- **Domain**: marketing
- **Tags**: search-engine-optimization, keyword-research, on-page-seo, technical-seo, google-analytics
- **Page**: https://skills.yangsir.net/skill/ssh2-seo
- **Markdown**: https://skills.yangsir.net/api/skill/ssh2-seo/markdown

搜索引擎优化，通过改进网站内容和技术结构，提升其在搜索引擎中的可见度和排名，吸引更多自然流量。

### performance (40,700 installs)

- **Domain**: ai-system-observability-sre
- **Tags**: web-performance-optimization, backend-scalability, caching-strategies, load-testing, system-monitoring
- **Page**: https://skills.yangsir.net/skill/ssh-performance
- **Markdown**: https://skills.yangsir.net/api/skill/ssh-performance/markdown

优化网站性能，实现更快的加载速度和更好的用户体验，解决加载缓慢等问题。

### web-quality-audit (32,200 installs)

- **Domain**: testing
- **Tags**: performance-testing, accessibility-testing, seo-audit, usability-testing, web-standards
- **Page**: https://skills.yangsir.net/skill/ssh2-web-quality-audit
- **Markdown**: https://skills.yangsir.net/api/skill/ssh2-web-quality-audit/markdown

提供全面的Web质量审计，涵盖性能、可访问性和SEO，确保网站高质量运行并符合行业标准。

### core-web-vitals (31,500 installs)

- **Domain**: ai-frontend-engineering
- **Tags**: web-performance, lcp, fid, cls, page-speed-optimization
- **Page**: https://skills.yangsir.net/skill/ssh2-core-web-vitals
- **Markdown**: https://skills.yangsir.net/api/skill/ssh2-core-web-vitals/markdown

优化核心Web指标（LCP, INP, CLS），提升页面加载速度、交互性和视觉稳定性，改善用户体验。

### best-practices (28,400 installs)

- **Domain**: ai-frontend-engineering
- **Tags**: web-performance, accessibility, seo, code-quality, user-experience
- **Page**: https://skills.yangsir.net/skill/sm-best-practices
- **Markdown**: https://skills.yangsir.net/api/skill/sm-best-practices/markdown

运用现代前端开发最佳实践，确保Web应用在安全性、性能、可维护性和用户体验方面的卓越表现。

---
*Source: https://skills.yangsir.net/authors/addyosmani*
*Markdown mirror: https://skills.yangsir.net/api/author/addyosmani/markdown*