AI导哈

Claude代码技能包

为Claude Code提供结构化知识包，使其在不同领域获得专业能力，包括开发、设计、写作、营销等。

  • by almeidamarcell
  • TypeScript
  • 本地部署
  • 6 星标
  • 更新于
在 GitHub 查看 almeidamarcell/claude-code-skills

使用说明

通过 表情符号创建者

Claude代码技能

精心策划的技能集合，可增强 克劳德代码 --按需将其转变为领域专家。

技能是Claude Code上下文加载的结构化知识包。当你调用一项技能时，Claude会在该领域获得深厚的专业知识：正确的框架、最佳实践、经过验证的模式和生产就绪的代码模板。没有幻觉，没有过时的API——只有精确的、经过实战检验的指导。

快速开始

安装所有技能+设置

需要 包子 v1.0+ 学习gstack浏览器技能。安装时使用 curl -fsSL https://bun.sh/install | bash

# Clone into your Claude Code skills directory
git clone https://github.com/almeidamarcell/claude-code-skills.git ~/.claude/skills

# Run setup (required — links impeccable skills, syncs settings, builds gstack)
~/.claude/skills/setup.sh

为什么 setup.sh 必修的？ Claude Code只发现一级深度的技能(~/.claude/skills/*/SKILL.md).21 无可挑剔的 设计技能和17 搜索引擎优化 技能生活在 impeccable/ 和 claude-seo/ （两层深），如果没有符号链接，将不可见 setup.sh 创造。始终运行 setup.sh 克隆或拉取更新后。

在任何设备上更新

cd ~/.claude/skills && git pull && ./setup.sh

这可以同步技能，重新创建无可挑剔的SEO符号链接，并更新插件设置(settings.json)在您的所有设备上。

安装单一技能

# Copy just the skill you need (top-level skills only — impeccable skills require setup.sh)
mkdir -p ~/.claude/skills
cp -r path/to/skill ~/.claude/skills/

团队安装

对于每个成员都有自己的团队 settings.json 或者不需要所有技能。

选项1：完全安装（推荐）

git clone https://github.com/almeidamarcell/claude-code-skills.git ~/.claude/skills
~/.claude/skills/setup.sh

这为您提供了一切：所有技能（包括无可挑剔和SEO）、共享设置和gstack浏览器守护进程。

选项2：仅技能（保留自己的设置）

git clone https://github.com/almeidamarcell/claude-code-skills.git ~/.claude/skills
~/.claude/skills/setup.sh --skills-only

安装所有技能和无可挑剔的/SEO符号链接，但不会覆盖您现有的 settings.json.

选项3：轻量化（无需Bun）

git clone https://github.com/almeidamarcell/claude-code-skills.git ~/.claude/skills
~/.claude/skills/setup.sh --skills-only --no-gstack

安装所有技能（包括无可挑剔和SEO），而无需构建gstack浏览器守护进程。不需要Bun依赖关系。

选项4：将樱桃采摘技能放入现有仓库

如果您的团队已经拥有技能库或希望提供特定于供应商的技能：

# Copy individual skills into your team's skills directory
cp -r tdd/ shaping/ safe-deploy/ /path/to/your-team-skills/

# For impeccable skills, copy each sub-skill directly (not the parent directory)
for skill in impeccable/*/; do cp -r "$skill" /path/to/your-team-skills/; done

# For SEO skills, copy each sub-skill directly (not the parent directory)
for skill in claude-seo/*/; do cp -r "$skill" /path/to/your-team-skills/; done

# For gstack skills, copy the whole gstack/ directory (it has shared dependencies)
cp -r gstack/ /path/to/your-team-skills/
cd /path/to/your-team-skills/gstack && ./setup

团队入职检查表

  1. 克隆仓库 — git clone https://github.com/almeidamarcell/claude-code-skills.git ~/.claude/skills
  2. 运行安装程序 （始终需要无可挑剔的SEO技能）：
    • 完全安装（单独/自主）： ./setup.sh
    • 仅限技能（保留设置）： ./setup.sh --skills-only
    • 轻量级（无浏览器）： ./setup.sh --skills-only --no-gstack
  3. 重新启动Claude代码 让技能发挥作用
  4. 验证无可挑剔的技能 --奔跑 /polish 或 /critique 在克劳德代码中确认它们有效
  5. 随时更新 — cd ~/.claude/skills && git pull && ./setup.sh [same flags]

使用技能

当Claude Code检测到匹配的上下文时，技能会自动激活，或显式调用它们：

/tdd            # Test-driven development workflow
/shaping        # Shape a solution collaboratively
/animejs        # Generate anime.js v4 animations
/changelog      # Auto-generate changelogs from commits
/clearshot      # Analyze a UI screenshot
/humanizer      # Remove AI-writing tells from text

# gstack skills
/browse         # Real Chromium browser automation
/qa             # QA testing with bug fixes
/review         # Staff engineer code review
/ship           # Release engineer workflow
/office-hours   # YC-style product review

技能

开发与工程

技能 描述
测试驱动开发 严格的测试驱动开发工作流程。红绿重构，无异常
mcp构建器 用TypeScript或Python构建高质量的MCP（模型上下文协议）服务器
Animejs 生成生产就绪的anime.js v4动画——DOM、SVG、滚动触发、时间线、交错、可拖动
从屏幕截图创建视频 在HyperFrames中从应用程序截图中制作简短、有力的入门视频——用户界面优先，而不是整个屏幕，并内置光标+字幕规则
廉价模型测试 在开发/测试期间始终使用最便宜的LLM模型——节省成本，升级产品
更新日志 从git提交历史自动生成面向用户的更改日志
安全部署 预部署安全检查——在发货前验证分支血统

产品设计与战略

技能 描述
塑造 使用Shape Up方法进行协作问题定义和解决方案设计
面包板 将系统映射到启示表和接线图中
clearshot UI实现和评论的结构化截图分析——5x5空间网格、元素清单、设计系统提取

写作

技能 描述
人性化工具 剥离人工智能生成的告诉文本-维基百科“人工智能写作的迹象”指南中的29种模式，可选的语音校准以匹配您自己的写作样本

市场营销与社交

技能 描述
社会资产工厂 使用OpenAI Codex CLI-无API键生成以对话为中心的社交广告创意（IG广场/肖像/故事）。当存在时，遵循您的仓库品牌（DESIGN.md、主题配置、CSS变量），回退到已保存的品牌配置文件

无可挑剔的设计（21个子技能）

一系列以设计为重点的技能，来自 pbakaus/无可挑剔 用于UI/UX优化。每个目标都针对界面质量的特定方面。

重要提示： 无可挑剔的技能生活在 impeccable/ 但克劳德·科德只发现了一个层次的技能(~/.claude/skills/*/SKILL.md). 你必须跑 setup.sh 在顶层创建符号链接（例如。， ~/.claude/skills/polish → impeccable/polish).没有这一步，无可挑剔的技能将 不 在克劳德代码中可用。如果克隆时没有运行 setup.sh，现在运行它。

技能 描述
适应 跨屏幕尺寸、设备和环境调整设计
使有生气 通过有目的的动画和微交互增强功能
安排 改进布局、间距和视觉节奏
审计 全面审核可访问性、性能和界面质量
更大胆的 放大安全或无聊的设计，使其更具视觉刺激性
阐明 改进用户体验副本、错误消息、微副本、标签和说明
着色 为单色界面添加战略色彩
批评 从用户体验的角度评估设计有效性
喜悦 为界面添加欢乐和个性的时刻
蒸馏 通过消除不必要的复杂性，将设计剥离到本质
提取 提取可重用的组件、设计标记和模式
前端设计 创建独特的生产级前端界面
硬化 提高弹性——错误处理、i18n、文本溢出、边缘情况
规范化 规范设计以匹配您的设计系统
上船 设计入职流程、空状态和首次用户体验
优化 提高性能——加载、渲染、动画、图像优化
超速档 推动界面超越传统限制——着色器、物理、60fps动画
抛光 最终质量合格——对齐、间距、一致性、细节修复
更安静 淡化过于大胆或激进的设计
教学无可挑剔 一次性设置--为您的项目收集设计上下文
排版 改进排版——字体选择、层次结构、大小、重量、可读性

SEO技能（17个子技能）

一个全面的SEO工具包 阿格里奇Daniel/克劳德seo 涵盖技术审计、内容质量、本地SEO、模式标记等。

重要提示： SEO技能生活在 claude-seo/ 但克劳德·科德只发现了一个层次的技能(~/.claude/skills/*/SKILL.md). 你必须跑 setup.sh 在顶层创建符号链接（例如。， ~/.claude/skills/seo → claude-seo/seo).如果没有这一步，SEO技能将 不 在克劳德代码中可用。

技能 描述
搜索引擎优化 全面的搜索引擎优化分析——全站审计、E-E-A-T、核心网络生命、模式、地理位置
seo审计 通过并行子代理授权进行全面的网站技术审计
seo页面 深度单页SEO分析
seo技术 技术SEO审计——可爬性、可索引性、安全性、核心网络生命
seo内容 基于人工智能引文准备的内容质量和E-E-A-T分析
seo架构 Schema.org结构化数据检测、验证和生成
seo 网站地图 XML站点地图分析和生成
seo图像 图像优化——alt文本、文件大小、格式、延迟加载
seo映像生成器 为SEO资产生成AI图像（OG图像、英雄图像、信息图表）
seo计划 战略SEO规划——SaaS、电子商务、本地、出版商、代理模板
seo本地 本地搜索引擎优化——谷歌商业概况、NAP一致性、引用
seo地图 地图情报——地理网格排名跟踪、GBP审计、审查分析
seo地理 生成引擎优化——AI概览、ChatGPT搜索、困惑
徐日芳 Hreflang和国际SEO验证
seo竞争对手页面 竞争对手比较和备选方案页面生成
seo程序化 大规模生成页面的程序化SEO
seo数据 通过DataForSEO实时搜索引擎优化数据——SERP分析、关键字研究、反向链接

gstack技能

堆栈 Garry Tan——将发展构建为一个完整冲刺周期的27项技能：思考→ Plan → 构建→ 审查→ Test → Ship → 反思。包括一个持久的Chromium浏览器守护进程，用于真正的QA测试。

需要 包子 v1.0+ --gstack为QA/浏览技能编译了一个浏览器守护进程。由自动构建 setup.sh.

工作流程与规划

技能 描述
办公时间 YC办公时间——编码前重新定义产品的六个关键问题
计划首席执行官审查 CEO/创始人模式计划回顾——重新思考问题，找到十星级产品
计划工程评审 工程经理审查——锁定架构、数据流、边缘案例、测试
方案设计评审 高级设计师评审——评分设计尺寸0-10，检测AI斜率
设计咨询 设计伙伴——从头开始构建完整的设计体系
自动规划 首席执行官主持自动审查流程→ 设计→ eng自动审核

代码审查和质量保证

技能 描述
审查 员工工程师代码审查——发现通过CI的生产错误
问答 QA负责人——测试应用程序，发现错误，用原子提交修复，重新验证
仅限qa QA报告员——与/QA相同，但仅报告，无代码更改
设计评审 编码设计师——设计审核+修复前后截图
调查 系统的根本原因调试——追踪数据流，检验假设
法典 第二种意见——OpenAI Codex CLI的独立代码审查

发布与监控

技能 描述
船 发布工程师——同步主、运行测试、审计覆盖率、推送、打开PR
登陆和部署 合并PR，等待CI，部署，验证生产运行状况
金丝雀 部署后金丝雀监控——监视错误和回归
基准 性能工程师——基线核心网络生命体征，比较前后
文件发布 技术作家——更新文档以匹配已发布的代码
复古 每周工程回顾，包括人均细分

浏览器和基础设施

技能 描述
浏览 真正的Chromium浏览器自动化——真实点击、真实截图，每个命令约100ms
设置浏览器Cookie 从真实浏览器导入经过身份验证的页面的Cookie

安全与安保

技能 描述
首席安全官 首席安全官——OWASP Top 10+STRIDE威胁模型
小心的 在执行破坏性命令之前发出警告（rm-rf、DROP TABLE、强制推送）
冻结 将文件编辑限制在一个目录中
守卫 完全安全--/小心+/冷冻结合
解冻 移除/冻结边界

配置

技能 描述
安装部署 一次性部署配置/着陆和部署
gstack升级 自我更新程序--将gstack升级到最新版本

Laravel技能

来自的两个项目级斜线命令 阿尔梅达马塞尔/克劳德·拉阿维尔技能 Laravel应用程序。这些是 斜杠命令 （不是全局安装的技能）--将它们复制到项目的 .claude/commands/ 目录。

命令 描述
问答 通过Chrome DevTools MCP进行功能QA——以真实用户的身份测试流程，发现错误，并在同一会话中修复它们
审计 完整的pentest静态工具(composer audit +Enlightn）加上活跃的浏览器探索，仅报告Laravel特定的修复

按项目安装：

cp claude-laravel-skills/qa.md claude-laravel-skills/audit.md your-project/.claude/commands/

看 claude-laravel-skills/README.md 用于使用、配置和适应非Laravel堆栈。

技能剖析

每个技能都是一个目录，其中包含 SKILL.md 包含可选参考资料的文件：

skill-name/
  SKILL.md              # Main skill file (YAML frontmatter + markdown)
  references/           # Optional supporting docs
    patterns.md
    frameworks.md

SKILL.md格式：

---
name: skill-name
description: When and how this skill should be activated...
---

# Skill Title

Detailed guidance, API references, code examples,
best practices, and production-ready patterns.

创造自己的技能

  1. 在下面创建一个目录 ~/.claude/skills/your-skill-name/
  2. 添加a SKILL.md 使用YAML frontmatter(name, description)
  3. 撰写全面的指导——克劳德在详细、有主见的指导下表现最佳
  4. 添加a references/ 扩展查找表或模式库目录
  5. 这 description 字段兼作激活触发器——包括用户可能说的短语

贡献

欢迎投稿！无论是新技能、对现有技能的改进还是bug修复：

  1. 分叉回购
  2. 创建您的分支(git checkout -b feat/awesome-skill)
  3. 提交您的更改
  4. 推送并打开PR

许可证

这个项目是开源的 Apache许可证2.0.

相关 MCP