返回精选创作者
@addyosmani

@addyosmani

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

27个 Skill
1.5M次安装
4.7/5平均评分
GitHub 主页

@addyosmani 的全部 Skill

code-review

code-review-and-quality

by @addyosmani

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

4.7(20)
70.5K
security

security-and-hardening

by @addyosmani

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

4.7(20)
67.3K
ui-design

frontend-ui-engineering

by @addyosmani

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

4.7(20)
64.7K
wcag-compliance

accessibility

by @addyosmani

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

4.7(136)
63.2K
documentation

spec-driven-development

by @addyosmani

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

4.7(20)
62.5K
project-management

planning-and-task-breakdown

by @addyosmani

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

4.7(20)
61.9K
technical-writing

documentation-and-adrs

by @addyosmani

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

4.7(20)
61.4K
code-quality

code-simplification

by @addyosmani

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

4.7(20)
60.4K
debugging

debugging-and-error-recovery

by @addyosmani

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

4.7(20)
60.4K
api-design

api-and-interface-design

by @addyosmani

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

4.7(20)
60.1K
ci-cd

incremental-implementation

by @addyosmani

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

4.7(20)
59.6K
git

git-workflow-and-versioning

by @addyosmani

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

4.7(23)
57.2K
prompt-engineering

using-agent-skills

by @addyosmani

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

4.7(20)
56.9K
product-strategy

idea-refine

by @addyosmani

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

4.7(20)
56.8K
browser-automation

browser-testing-with-devtools

by @addyosmani

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

4.7(20)
56.2K
ci-cd

shipping-and-launch

by @addyosmani

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

4.7(20)
56.1K
ci-cd

ci-cd-and-automation

by @addyosmani

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

4.7(24)
55.9K
code-review

source-driven-development

by @addyosmani

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

4.7(4)
55.9K
ai-engineering

deprecation-and-migration

by @addyosmani

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

4.7(20)
55.1K
requirements-gathering

interview-me

by @addyosmani

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

4.7(120)
55.0K
code-review

doubt-driven-development

by @addyosmani

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

4.7(120)
54.3K
observability

observability-and-instrumentation

by @addyosmani

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

4.7(120)
52.5K
search-engine-optimization

seo

by @addyosmani

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

4.7(144)
51.6K
web-performance-optimization

performance

by @addyosmani

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

4.7(177)
40.7K
performance-testing

web-quality-audit

by @addyosmani

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

4.6(120)
32.2K
web-performance

core-web-vitals

by @addyosmani

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

4.6(85)
31.5K
web-performance

best-practices

by @addyosmani

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

4.6(78)
28.4K
🎁 Agent 知识卡片
调研问卷