持续更新

常用 AI Skills

精选 Claude Code / AI Agent 技能,即装即用,覆盖设计、开发、内容与效率。

118个技能

在 Claude Code 中通过插件市场或 .claude/skills 安装。

设计20

让 AI 产出更像专业设计师手笔的界面与视觉。

Apple 液态玻璃设计规范:冷灰白地 + 统一面板 + 发丝分割线,玻璃只用于导航/浮层,正文黑白灰 + 一个蓝色强调。

#apple#liquid-glass#ui
claude plugin add naplesblue/apple-design-skill查看来源

Anthropic 官方插件:写码前强制确定美学方向,规避 AI 默认套路(Inter 字体 + 紫色渐变),要求统一色彩系统。

#anthropic#frontend#aesthetic
claude plugin add anthropic/frontend-design查看来源

62k★ 社区热门:240+ 样式、127 组字体搭配、99 条 UX 准则,自动匹配产品类型。

#ui#ux#styles
plugin marketplace 安装查看来源

官方 skills 集合中的主题应用:把品牌色/设计系统一键应用为 CSS 变量。

#theme#brand#tokens
plugin marketplace add anthropics/skills查看来源

官方 skills:布局型视觉设计,导出 PNG / PDF。

#layout#visual#export
plugin marketplace add anthropics/skills查看来源

社区 skill:20 条数字化设计规则(可用性 / WCAG / 可读性阈值),自动应用到页面。

#rules#wcag#typography
.claude/skills查看来源

官方 skills:把品牌色、字体、语气规范固化为可复用的设计准则。

#brand#identity#tokens
plugin marketplace add anthropics/skills查看来源

用单个品牌色生成整套 OKLCH 语义化明暗主题 token,输出 Tailwind v4 主题配置。

#tokens#theming#tailwind
.claude/skills

从产品卖点一键产出结构化落地页:Hero/卖点/证据/FAQ/CTA,标题与按钮文案遵循 AIDA 转化逻辑。

#landing#conversion#copy
.claude/skills
线框图社区

内容优先:先输出语义化的线框(标题/正文/图片/按钮占位),确认信息架构后再谈视觉,避免一上来堆视觉。

#wireframe#layout#structure
.claude/skills

在统一网格上生成 SVG 图标集:一致的线宽、圆角、端点与描边对齐,保证整套图标风格统一。

#icon#svg#set
.claude/skills

输出字号阶梯(12/14/16/20/24/32…)、字重、行高与负字距规范,中文字号行高按方块字单独适配。

#typography#font#spacing
.claude/skills

从品牌色推导完整语义配色:强调/中性/语义色(成功·警告·错误)加深浅两套主题,并用工具校验 WCAG 对比度。

#color#palette#contrast
.claude/skills

梳理按钮/卡片/表单等组件的状态(hover/focus/disabled/loading)与尺寸(sm/md/lg),输出统一的组件规范与 tokens。

#components#design-system#tokens
.claude/skills
微交互社区

为按钮/卡片/浮层设计克制的 hover 与过渡动效:统一时长与缓动(120ms 触感 + 240ms 层动效),并尊重 reduced-motion。

#motion#hover#transition
.claude/skills

按 WCAG 2.2 审查界面:对比度、可见焦点环、aria/语义标签与键盘可达性,输出按严重度排序的修复清单。

#a11y#wcag#accessibility
.claude/skills

把浅色主题正确转为暗色:不用纯黑地面、表面降饱和、避免纯白文字,暗色下的对比度与发光感重新调校。

#dark#theme#contrast
.claude/skills

窄屏重排:导航折叠为抽屉/底部栏、点击区不小于 44px、按拇指热区优化布局,兼顾触控与单手操作。

#mobile#responsive#touch
.claude/skills

按清单评审界面:层级、间距比例、一致性、可用性与细节像素,每条给出可执行修改而非泛泛评价。

#critique#review#standards
.claude/skills

正确使用毛玻璃:只在层叠处用(导航/浮层/侧栏),背景色彩饱和 + backdrop-blur,前景配高对比文本避免糊成一片。

#glass#blur#layers
.claude/skills

开发32

构建、测试与审查代码的高效技能。

官方 skills:用 React + Tailwind + shadcn/ui 构建多文件项目,再打包成单个 HTML。

#react#tailwind#single-file
plugin marketplace add anthropics/skills查看来源

官方 skills:网页自动化测试,点选 / 截图 / 校验渲染结果。

#testing#browser#qa
plugin marketplace add anthropics/skills查看来源

Claude API / Anthropic SDK 参考:模型 ID、定价、参数、流式、工具调用、缓存。

#api#sdk#reference
.claude/skills查看来源

代码审查技能:审查 PR 或当前改动,给出可执行的安全 / 正确性 / 性能发现。

#review#pr#quality
.claude/skills查看来源

对当前分支的改动做安全审查:注入、敏感信息、依赖漏洞与不安全的默认值。

#security#audit#review
.claude/skills查看来源
Review官方

审查 GitHub PR 或当前工作区 diff,输出正确性 / 安全 / 性能的分级发现。

#pr#code-quality#diff
.claude/skills查看来源
Init官方

为项目生成 CLAUDE.md 代码库文档,让后续 AI 会话快速理解项目约定。

#onboarding#claude-md
.claude/skills查看来源
Run官方

启动并驱动当前项目,在真实运行环境中验证改动(浏览器 / 服务器 / CLI)。

#launch#preview#dev
.claude/skills查看来源

Microsoft 官方浏览器自动化:点选、截图、读渲染后 DOM、测 Core Web Vitals。

#browser#testing#automation
claude mcp add playwright查看来源
Figma MCP官方

读取 Figma 设计稿的结构化变量(颜色/间距/字体)直接转成代码。

#figma#design-to-code#design-tokens
claude mcp add figma查看来源

浏览器控制台、网络与性能调试,配 Playwright 做「开发→验证→调试」闭环。

#debug#console#performance
claude mcp add chrome-devtools查看来源

Vercel v0 多屏 UI 原型工作流:描述需求,生成多屏界面与代码。

#prototype#ui#vercel
claude mcp add v0查看来源

把反复做的事封装成自己的 skill:按规范生成 SKILL.md 与参考文件。

#create#author#custom
.claude/skills查看来源

直接操作 GitHub:建 issue、开 PR、审代码、查仓库状态。

#github#issues#pr
claude mcp add github查看来源

网页/桌面截图并读取截图内容,用于视觉验证与文档配图。

#screenshot#image#capture
.claude/skills查看来源

社区第一的 Claude Code 技能框架:plan-first + TDD + 子代理开发方法论,26 万+ star。

#framework#tdd#plan-first
plugin marketplace 搜索 superpowers查看来源

真工程场景的实战 skills(测试、重构、调试等),20 万+ star,实用派代表。

#testing#refactor#debug
.claude/skills查看来源

基于 Karpathy 观察提炼的 Claude Code 行为规则(单文件),史上 star 最多的单文件仓库之一。

#behavior#rules#single-file
.claude/skills查看来源
GStack社区

YC 总裁 Garry Tan 的完整 Claude Code 配置(23 工具 + skills),可直接照抄的工程模板。

#config#reference#yc
.claude/skills查看来源

本地文件系统读写:查看目录、读写文件、移动/搜索文件,让 Claude 直接操作你的项目文件。

#filesystem#file-management#local
claude mcp add filesystem查看来源
Fetch MCP社区

抓取网页内容并转为文本/Markdown,让 Claude 读取在线文档与网页。

#web#fetch#http
claude mcp add fetch查看来源

强制 Claude 显式地一步一步推理并复盘,解决复杂问题时减少跳步。

#reasoning#thinking#problem-solving
claude mcp add sequential-thinking查看来源

基于知识图谱的长期记忆,跨会话记住用户偏好与项目事实。

#memory#knowledge-graph#persistence
claude mcp add memory查看来源
Git MCP社区

直接操作 Git:查看状态/diff/log、创建分支、提交代码,配合代码工作流。

#git#version-control#code
claude mcp add git查看来源

连接 PostgreSQL:查看表结构、执行查询、读写数据,做分析与报表。

#database#postgres#sql
claude mcp add postgres查看来源
Redis MCP社区

操作 Redis:读写键值、管理缓存与队列,方便调试缓存逻辑。

#database#redis#cache
claude mcp add redis查看来源

Docker 官方 MCP:管理容器/镜像/网络,Claude 直接执行 docker 命令运维环境。

#docker#containers#devops
claude mcp add docker查看来源

管理 Kubernetes 集群:查看 Pod/Deployment、排查服务问题、读取日志。

#kubernetes#k8s#devops
claude mcp add kubernetes查看来源

HashiCorp 官方:生成/审查 Terraform 配置,管理基础设施即代码。

#terraform#iac#infrastructure
claude mcp add terraform查看来源
AWS MCP社区

AWS 官方 MCP 集合:查询 S3/EC2/Lambda 等资源,做云上排查与部署。

#aws#cloud#devops
claude mcp add aws(需 API Key)查看来源

官方 MongoDB MCP:对文档做增删改查、运行聚合管道、分析数据。

#database#mongodb#nosql
claude mcp add mongodb查看来源

内容创作19

图片、切图与视频生产的创作流水线。

AI Agent 自动产出口播教学视频:脚本 → 生图 → TTS → Whisper 回验 → FFmpeg 合成 → 字幕。

#video#tts#ffmpeg
.claude/skills查看来源

统一的图片生成技能(FHL OpenAI 兼容接口),用于配图、图标、插画、海报。

#image#fhl#generate
.claude/skills查看来源

UI 图批量切图:从设计稿提取图标 / 按钮 / 插画,输出像素版 + 高清透明底素材。

#ui#slice#assets
.claude/skills

用几秒到几分钟样本克隆声音做配音(ElevenLabs / MiniMax / RVC)。

#tts#clone#dubbing
.claude/skills

Whisper 转录生成词级时间戳字幕,对齐导出 SRT / 烧录。

#caption#whisper#transcript
.claude/skills

批量生成视频/社媒封面:选图、加标题字、统一模板风格。

#cover#youtube#design
.claude/skills

语音/音频转文字:会议、访谈、口述转写并标注时间戳。

#stt#transcription#meeting
.claude/skills

把播客/视频/会议转写稿拆解成博客、推文、newsletter 等多形态内容,一份素材多次产出。

#repurpose#transcript#blog
.claude/skills

围绕目标关键词产出带标题、大纲、H 结构与内链外链建议的 SEO 写作简报,落笔前先对齐搜索意图。

#seo#brief#keywords
.claude/skills

快速搭出有信息层级和逻辑钩子的博客大纲,再逐节扩写,避免写到一半跑题。

#outline#structure#blog
.claude/skills

批量生成悬念、反常识、痛点等不同风格的开头钩子,多选一提高完读率。

#hook#opening#engagement
.claude/skills

用「问题-激化-方案」三段框架写说服型文案,直接套用到落地页、广告和销售信。

#copywriting#framework#persuasion
.claude/skills

按受众和投放渠道批量生成广告文案变体,含主标题、副标题与行动号召,方便 A/B 测试。

#ads#variants#cta
.claude/skills

设计欢迎、培育、挽回三类邮件序列,按节奏推进打开与转化,每封只做一件事。

#email#sequence#drip
.claude/skills

从音频转写稿提炼节目笔记:核心要点、时间戳和行动项,可直接发布。

#podcast#show-notes#summary
.claude/skills

写带开头钩子、段落节奏和 CTA 的口播脚本,按字数控制成片时长。

#youtube#script#hook
.claude/skills

一套内容改写成抖音、小红书、微博等平台适配文案,带话题标签和互动引导。

#social#caption#platform
.claude/skills

把品牌调性固化为语气规范,让所有 AI 产出的文案保持同一种声音。

#brand#voice#tone
.claude/skills

写短视频、动画、微短剧的分场对白,含动作与情绪提示,可直接进分镜。

#script#dialogue#story
.claude/skills

效率工具26

自动化 Claude Code 环境与日常操作。

配置 Claude Code 环境:hooks、权限、环境变量、settings.json 的自动化调整。

#settings#hooks#permissions
.claude/skills
Loop内置

定时循环执行某个 prompt / 命令,用于轮询状态、定时任务、重复检查。

#recurring#interval#automation
.claude/skills

定制 Claude Code 键盘快捷键、绑定键位、修改 keybindings.json。

#shortcuts#keymap
.claude/skills
Simplify内置

审查改动并应用复用 / 简化 / 效率优化,专注代码质量而非找 bug。

#refactor#cleanup
.claude/skills

扫描常用只读命令,写入 allowlist 以减少权限弹窗,让长任务更流畅。

#permissions#allowlist
.claude/skills

把项目文案批量翻译成多语言并保持占位符与格式一致,输出语言包。

#i18n#translate#l10n
.claude/skills

多角度头脑风暴:发散选项、分类收敛、再按标准打分,帮你做「想不到」的补充。

#ideation#divergent
.claude/skills查看来源

把选择变成可比较的决策矩阵:标准权重打分,给出推荐与理由。

#choice#pros-cons#matrix
.claude/skills

按语气(正式/亲切/简短)起草与改写邮件,处理多收件人与跟进度。

#email#writing#tone
.claude/skills

读写 Notion 页面与数据库:记笔记、建知识库、查 Wiki。

#notion#database#wiki
claude mcp add notion查看来源

查询与创建日历事件,让 AI 帮你排日程、查空闲、建提醒。

#calendar#schedule#events
claude mcp add calendar
Mind Map社区

把要点整理成思维导图/大纲结构,导出 Markdown 或 Mermaid。

#mindmap#outline#brainstorm
.claude/skills

Claude Code 跨会话持久记忆:压缩历史会话可检索,8.9 万+ star 的记忆事实标准。

#memory#persistent#history
.claude/skills查看来源

读写 Jira/Confluence:查 issue、建任务、抓文档,项目管理直接接入对话。

#jira#confluence#project-management
claude mcp add jira(需 API Key)查看来源

拉取 Sentry 错误与 issue 详情,让 Claude 直接分析线上报错并给出修复建议。

#sentry#error-tracking#debugging
claude mcp add sentry(需 API Key)查看来源
Gmail MCP社区

读写 Gmail:搜索邮件、起草回复、整理收件箱,邮件处理交给对话。

#gmail#email#communication
claude mcp add gmail(需 API Key)查看来源

Twilio 官方服务器:发短信/WhatsApp、查消息状态,通信流程自动化。

#twilio#sms#whatsapp
claude mcp add twilio(需 API Key)查看来源

邮件 API:让 Claude 直接撰写并发送事务邮件与营销邮件。

#resend#email#marketing
claude mcp add resend(需 API Key)查看来源

Stripe 官方:查支付、建客户/订阅、排查账单,电商后端直接接入。

#stripe#payments#ecommerce
claude mcp add stripe(需 API Key)查看来源

管理 Linear issue:建任务、查状态、更新进度,开发团队协作顺手。

#linear#issue-tracking#project-management
claude mcp add linear(需 API Key)查看来源

读写 Obsidian 库:记笔记、建双链、整理知识库,第二大脑连进对话。

#obsidian#notes#knowledge-base
claude mcp add obsidian查看来源

用 Claude Code 的 hooks 在关键节点自动执行检查,把提交前 lint/测试、权限拦截固化进流程。

#hooks#automation#safety
.claude/skills

定义 reviewer/tester/planner 等专用子代理,大任务并行分工、主代理统筹。

#subagents#parallel#roles
.claude/skills

把常用操作封装成自定义 slash 命令,一条命令触发整段工作流。

#slash#commands#workflow
.claude/skills

用 session 文件与交接摘要在新会话里无缝续接任务,跨会话保持上下文。

#resume#context#handoff
.claude/skills

数据与可视化21

数据分析、图表与外部数据接入。

任何图表 / 仪表盘 / 数据可视化之前的必读规范:统一配色、明暗主题、可访问性。

#chart#dashboard#accessibility
.claude/skills

MCP 服务器:实时拉取任意库的最新文档,减少 AI 对 API 的幻觉。

#mcp#docs#up-to-date
claude mcp add context7查看来源

让 Claude 直接查询与操作 SQLite 数据库,做数据探索与报表。

#database#sql#query
claude mcp add sqlite查看来源

多来源深度网络研究:检索、交叉验证、整理成带引用的报告。

#research#sources#report
.claude/skills

自主深研 Agent:问题分解 → 并行检索 → 交叉验证 → 带引文成稿,深研赛道成熟度第一。

#research#report#citations
.claude/skills查看来源

整站抓取并转成结构化 Markdown,附带搜索与改版检测,是抓取网页数据时的重器。

#web-scraping#crawling#search
claude mcp add firecrawl(需 API Key)查看来源

面向 AI 优化的搜索 API,返回干净结果并附引用来源,适合 RAG 检索与调研。

#search#rag#research
claude mcp add tavily(需 API Key)查看来源
Exa MCP社区

神经语义搜索,按含义找网页与相似内容,深度研究和知识发现利器。

#semantic-search#research#web
claude mcp add exa(需 API Key)查看来源

高性能向量数据库,可建 collection、写入向量并做语义检索,常作 RAG 后端。

#vector-database#rag#semantic-search
claude mcp add qdrant查看来源

嵌入式向量库,本地建知识库做语义搜索,轻量易用、上手快。

#vector-database#semantic-search#local
claude mcp add chroma查看来源

生产级向量库,管理 schema 与对象、支持混合检索,适合正式 RAG 系统。

#vector-database#rag#hybrid-search
claude mcp add weaviate查看来源
Excel MCP社区

直接读写 Excel 文件,读 sheet、写单元格、做公式计算与数据整理。

#spreadsheet#excel#data-analysis
claude mcp add excel查看来源
Apify MCP社区

云爬虫市场,上千个现成爬虫 actor,可采集网页、电商与社交媒体数据。

#web-scraping#automation#actors
claude mcp add apify(需 API Key)查看来源

拉取 YouTube 视频字幕,把长视频转成文字,方便做摘要、笔记与翻译。

#youtube#transcript#subtitle
claude mcp add youtube-transcript查看来源

检索医学文献库 PubMed,获取论文摘要与引用信息,供医学科普与研究使用。

#medical#literature#search
claude mcp add pubmed查看来源

无头浏览器自动化,加载 JS 页面、截图并提取渲染后的内容。

#browser#automation#scraping
claude mcp add puppeteer查看来源

操作 Google Drive,列出文件、搜索并读写文档,把文档工作流接入 AI。

#google-drive#cloud#documents
claude mcp add google-drive(需 OAuth 配置)查看来源