<Devsly/>
NotebookLM Watermark Remover
Remove the NotebookLM watermark from PDF slide exports — free, unlimited, and 100% in your browser.
View
NotebookLM Video Watermark Remover
Remove the NotebookLM watermark from every frame of your MP4 and auto-trim the end card — free and unlimited.
View
Gemini Watermark Remover
Remove the Gemini (Veo) sparkle watermark from every frame of your AI-generated MP4 — free and unlimited.
View
MCP https://devsly.io/mcp MCP Tools Best Skills API Docs

Keyboard Shortcuts

Navigation

Quick Search
⌘ / Ctrl + K
Toggle Dark Mode
⌘ / Ctrl + D
Close Dialogs
Esc

Tool Actions

Execute / Process
⌘ / Ctrl + Enter
Clear Input
⌘ / Ctrl + Shift + C
Copy Output
⌘ / Ctrl + Shift + X

Editor

Select All
⌘ / Ctrl + A
Undo
⌘ / Ctrl + Z
Redo
⌘ / Ctrl + Shift + Z

Updated 1mo ago

by vinvcn

addyosmani-agent-skills-zh

本仓库是 addyosmani/agent-skills 的简体中文本地化版本。

  • Multi-agent — Targets three or more agents
Works with
  • Claude
  • Cursor
  • Gemini

39 GitHub stars (39)

+3 in 16 days

Stars gained per day · daily snapshots since Sep 30
Stars gained per day, Sep 30 to Oct 16: +3 in total; the busiest day was Oct 3 with +1 stars.Oct 1: 0 starsOct 2: 0 starsOct 3: +1 starsOct 4: +1 starsOct 5: 0 starsOct 6: 0 starsOct 7: 0 starsOct 8: 0 starsOct 9: +1 starsOct 10: 0 starsOct 11: 0 starsOct 12: 0 starsOct 13: 0 starsOct 14: 0 starsOct 15: 0 starsOct 16: 0 stars
Stars gained between daily snapshots
PeriodNew stars
Oct 10
Oct 20
Oct 3+1
Oct 4+1
Oct 50
Oct 60
Oct 70
Oct 80
Oct 9+1
Oct 100
Oct 110
Oct 120
Oct 130
Oct 140
Oct 150
Oct 160
  • 26 skills (26 skills found in its SKILL.md files)
  • 8 forks (8 forks)
  • 1mo ago last update (Last updated 1mo ago)

Install

Skills CLI

npx skills add vinvcn/addyosmani-agent-skills-zh

Asks which skills and agents to install. Just one: npx skills add vinvcn/addyosmani-agent-skills-zh --skill translate-skill — add -g for every project.

Claude Code

git clone https://github.com/vinvcn/addyosmani-agent-skills-zhcp -r "addyosmani-agent-skills-zh/.skills/translate-skill" ~/.claude/skills/

Copies the translate-skill skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project). Repeat for the other skills listed below.

Plugin

/plugin marketplace add vinvcn/addyosmani-agent-skills-zh

Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.

Skills can run code on your machine — read the SKILL.md first.

What it does

In the author's own words, from each skill's SKILL.md.

  • translate-skill

    Use this project-level skill when translating, refreshing, or reviewing content from mattpocock/skills into the Simplified Chinese localization repo vinvcn/mattpocock-skills-zh-CN. Use it for skill files, README content, CLAUDE.md, CONTEXT.md, docs, and other user-facing upstream content where behavior-critical identifiers must be preserved.

    .skills/translate-skill/SKILL.md on GitHub (opens in a new tab)
  • api-and-interface-design

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

    skills/api-and-interface-design/SKILL.md on GitHub (opens in a new tab)
  • browser-testing-with-devtools

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

    skills/browser-testing-with-devtools/SKILL.md on GitHub (opens in a new tab)
  • ci-cd-and-automation

    自动化 CI/CD pipeline 设置。用于设置或修改构建和部署 pipeline 时;用于需要自动化质量门禁、在 CI 中配置 test runners,或建立部署策略时。

    skills/ci-cd-and-automation/SKILL.md on GitHub (opens in a new tab)
  • code-review-and-quality

    执行多维度代码审查。用于合并任何变更之前;用于审查自己、其他 agent 或人类编写的代码;用于在代码进入主分支前从多个维度评估代码质量。

    skills/code-review-and-quality/SKILL.md on GitHub (opens in a new tab)
  • code-simplification

    为清晰度简化代码。用于在不改变行为的前提下重构代码以提升清晰度;用于代码能运行但比应有状态更难阅读、维护或扩展时;用于审查已累积不必要复杂度的代码时。

    skills/code-simplification/SKILL.md on GitHub (opens in a new tab)
  • constraint-driven-development

    把一个项目的质量线确立为书面契约,并阻止 agent 悄悄降低它。通过访谈确定用户在意哪些维度,当用户心里没有数字时提供合理的默认阈值,把一切记录进 CONSTRAINTS.md,并盯住 diff 中质量线被削弱的迹象——新增的 @ts-ignore 或 eslint-disable 抑制注释、被跳过或删除的测试、被剥掉的断言、未实现的 stub、被调低的阈值。当没有任何质量线被写下来时使用;当用户说 "set up constraints" 或 "define our standards" 时;当用户希望把他们在意的维度——无障碍性、Web 性能、覆盖率——设置成被强制执行的约束时;当 agent 为了变绿不断静默检查或跳过测试时;当你需要一个覆盖率或性能阈值却不知道该选什么数字时;或者当 agent 写下的代码超出任何人会读的体量时。

    skills/constraint-driven-development/SKILL.md on GitHub (opens in a new tab)
  • context-engineering

    优化 agent 上下文设置。当开始新会话、agent 输出质量下降、在任务之间切换,或需要为项目配置规则文件和上下文时使用。

    skills/context-engineering/SKILL.md on GitHub (opens in a new tab)
  • debugging-and-error-recovery

    指导系统化根因调试。当测试失败、构建中断、昨天还能用的东西今天坏了、行为不符合预期,或遇到任何意外错误时使用。当你需要搞清楚是什么坏了、为什么坏时使用:用系统化的方法找到并修复根因,而不是靠猜测。

    skills/debugging-and-error-recovery/SKILL.md on GitHub (opens in a new tab)
  • deprecation-and-migration

    管理弃用和迁移。用于移除旧系统、API 或功能时;用于将用户从一种实现迁移到另一种实现时;用于在生产环境中迁移数据库 schema(例如重命名或删除列且不停机,即 expand/contract)时;用于判断应维护还是下线现有代码时。

    skills/deprecation-and-migration/SKILL.md on GitHub (opens in a new tab)
  • documentation-and-adrs

    记录决策和文档。用于需要记录架构决策(ADR)或某个设计选择背后的理由时;用于变更公开 API、发布功能,或需要记录未来工程师和 agent 理解代码库所需的上下文时。

    skills/documentation-and-adrs/SKILL.md on GitHub (opens in a new tab)
  • doubt-driven-development

    在每个非平凡决策成立前,用全新上下文进行对抗式审查。当你想在继续推进前交叉质询每一个假设、对计划做压力测试以暴露隐藏的失败模式、正确性比速度更重要、在处理不熟悉的代码、风险很高(生产 auth、安全敏感逻辑、高风险迁移、不可逆操作),或任何自信输出现在验证比之后调试更便宜时使用。

    skills/doubt-driven-development/SKILL.md on GitHub (opens in a new tab)
  • frontend-ui-engineering

    构建生产级、可访问、响应式的面向用户 UI。当构建或修改界面和页面、创建组件、实现布局、满足 WCAG 可访问性要求、管理状态,或输出需要看起来和感觉上都是生产级而不是 AI 生成时使用。

    skills/frontend-ui-engineering/SKILL.md on GitHub (opens in a new tab)
  • git-workflow-and-versioning

    规范 git 工作流实践。用于进行任何代码变更时;用于提交、分支、解决冲突、把混乱 working tree 里未提交的工作拆成干净的 atomic commits、创建或审查 pull request(PR)、推送到远程,或需要组织多个并行工作流时。用于裁剪 release、选择语义化版本递增、打标签或编写 changelog 时。

    skills/git-workflow-and-versioning/SKILL.md on GitHub (opens in a new tab)
  • idea-refine

    通过结构化的发散与收敛思考,把原始想法打磨成清晰、可执行的概念。用于想法还很模糊时、需要在承诺某个计划之前压力测试假设时,或想在收敛到一个方案之前先扩展选项时。触发短语为 "ideate"、"refine this idea" 或 "stress-test my plan"。

    skills/idea-refine/SKILL.md on GitHub (opens in a new tab)
  • incremental-implementation

    以薄而可验证的切片增量交付变更。用于实现任何触及多个文件的功能或变更,或接手计划中的下一个任务时。用于在 feature flag 后滚动发布变更、即将一次写大量代码,或任务太大无法一步落地时。

    skills/incremental-implementation/SKILL.md on GitHub (opens in a new tab)
  • interview-me

    挖掘用户真正想要的东西,而不是他们觉得自己“应该”要的东西。实现方式是一次一问的访谈,直到对底层意图达到约 95% 的置信度。当一个请求信息不全时("build me X" 却没说 "for whom" 或 "why now")、当用户明确发出邀请("interview me"、"grill me"、"are we sure?"、"stress-test my thinking")、或者当你在任何 plan、spec 或代码存在之前发现自己悄悄补全着含糊的需求时,使用它。

    skills/interview-me/SKILL.md on GitHub (opens in a new tab)
  • observability-and-instrumentation

    给代码埋点,让生产行为可见、可诊断。在添加日志、指标、tracing 或告警时使用。在构建任何会跑在生产环境的功能、而你需要证据证明它能工作时使用。在生产问题被上报、但仅凭现有数据说不清发生了什么时使用。

    skills/observability-and-instrumentation/SKILL.md on GitHub (opens in a new tab)
  • performance-optimization

    优化应用的前端、后端、查询和数据库性能。当存在性能要求、怀疑出现性能回归、Core Web Vitals 或加载时间需要改进、需要修复 N+1 查询模式,或 profiling 暴露出瓶颈时使用。

    skills/performance-optimization/SKILL.md on GitHub (opens in a new tab)
  • planning-and-task-breakdown

    将工作拆解为有序任务。用于已有 spec 或清晰需求,并需要拆解成可实现任务时。用于任务太大难以下手、需要估算范围,或存在并行工作机会时。

    skills/planning-and-task-breakdown/SKILL.md on GitHub (opens in a new tab)
  • security-and-hardening

    加固代码以防漏洞。用于审计某个输入处理函数是否存在漏洞、处理用户输入、认证、数据存储或外部集成时,或用于检查登录流程是否安全、是否符合 OWASP Top Ten 时。用于构建任何接受不可信数据、管理用户会话或与第三方服务交互的功能时。用于审计依赖中的已知漏洞、分诊包管理器的 audit 结果,或评估新包的供应链风险时。当涉及个人数据或隐私合规(GDPR、CCPA)时也使用。

    skills/security-and-hardening/SKILL.md on GitHub (opens in a new tab)
  • shipping-and-launch

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

    skills/shipping-and-launch/SKILL.md on GitHub (opens in a new tab)
  • source-driven-development

    让每个实现决策都以官方文档为依据。当你想在实现前对照官方文档验证方案,或需要权威、有来源引用且不含过时模式的代码时使用。在使用任何正确性很重要的框架或库构建时使用。

    skills/source-driven-development/SKILL.md on GitHub (opens in a new tab)
  • spec-driven-development

    编码前先创建 spec。用于开始新项目、功能或重大变更且还没有规格说明时。用于撰写带目标和范围的 PRD 或需求文档时,或需求不清晰、有歧义、只是一段模糊想法时。用于单个需求横跨多个可独立测试的能力、需要先拆解成模块能力地图再做规格说明时。

    skills/spec-driven-development/SKILL.md on GitHub (opens in a new tab)
  • test-driven-development

    通过 red-green-refactor 循环用测试驱动开发。用于实现任何逻辑、修复任何 bug,或改变任何行为。用于需要证明代码能工作、收到 bug 报告,或即将修改现有功能时。

    skills/test-driven-development/SKILL.md on GitHub (opens in a new tab)
  • using-agent-skills

    发现并调用 agent skills。用于开始会话,或需要判断当前任务适用哪个 skill 时。这个 meta-skill 负责治理所有其他 skills 的发现与调用方式。

    skills/using-agent-skills/SKILL.md on GitHub (opens in a new tab)

Review before you install

A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.