Apple 液态玻璃设计规范:冷灰白地 + 统一面板 + 发丝分割线,玻璃只用于导航/浮层,正文黑白灰 + 一个蓝色强调。
常用 AI Skills
精选 Claude Code / AI Agent 技能,即装即用,覆盖设计、开发、内容与效率。
在 Claude Code 中通过插件市场或 .claude/skills 安装。
设计20
让 AI 产出更像专业设计师手笔的界面与视觉。
Anthropic 官方插件:写码前强制确定美学方向,规避 AI 默认套路(Inter 字体 + 紫色渐变),要求统一色彩系统。
62k★ 社区热门:240+ 样式、127 组字体搭配、99 条 UX 准则,自动匹配产品类型。
官方 skills 集合中的主题应用:把品牌色/设计系统一键应用为 CSS 变量。
官方 skills:布局型视觉设计,导出 PNG / PDF。
社区 skill:20 条数字化设计规则(可用性 / WCAG / 可读性阈值),自动应用到页面。
官方 skills:把品牌色、字体、语气规范固化为可复用的设计准则。
用单个品牌色生成整套 OKLCH 语义化明暗主题 token,输出 Tailwind v4 主题配置。
从产品卖点一键产出结构化落地页:Hero/卖点/证据/FAQ/CTA,标题与按钮文案遵循 AIDA 转化逻辑。
内容优先:先输出语义化的线框(标题/正文/图片/按钮占位),确认信息架构后再谈视觉,避免一上来堆视觉。
在统一网格上生成 SVG 图标集:一致的线宽、圆角、端点与描边对齐,保证整套图标风格统一。
输出字号阶梯(12/14/16/20/24/32…)、字重、行高与负字距规范,中文字号行高按方块字单独适配。
从品牌色推导完整语义配色:强调/中性/语义色(成功·警告·错误)加深浅两套主题,并用工具校验 WCAG 对比度。
梳理按钮/卡片/表单等组件的状态(hover/focus/disabled/loading)与尺寸(sm/md/lg),输出统一的组件规范与 tokens。
为按钮/卡片/浮层设计克制的 hover 与过渡动效:统一时长与缓动(120ms 触感 + 240ms 层动效),并尊重 reduced-motion。
按 WCAG 2.2 审查界面:对比度、可见焦点环、aria/语义标签与键盘可达性,输出按严重度排序的修复清单。
把浅色主题正确转为暗色:不用纯黑地面、表面降饱和、避免纯白文字,暗色下的对比度与发光感重新调校。
窄屏重排:导航折叠为抽屉/底部栏、点击区不小于 44px、按拇指热区优化布局,兼顾触控与单手操作。
按清单评审界面:层级、间距比例、一致性、可用性与细节像素,每条给出可执行修改而非泛泛评价。
正确使用毛玻璃:只在层叠处用(导航/浮层/侧栏),背景色彩饱和 + backdrop-blur,前景配高对比文本避免糊成一片。
开发32
构建、测试与审查代码的高效技能。
官方 skills:用 React + Tailwind + shadcn/ui 构建多文件项目,再打包成单个 HTML。
官方 skills:网页自动化测试,点选 / 截图 / 校验渲染结果。
Claude API / Anthropic SDK 参考:模型 ID、定价、参数、流式、工具调用、缓存。
代码审查技能:审查 PR 或当前改动,给出可执行的安全 / 正确性 / 性能发现。
对当前分支的改动做安全审查:注入、敏感信息、依赖漏洞与不安全的默认值。
审查 GitHub PR 或当前工作区 diff,输出正确性 / 安全 / 性能的分级发现。
为项目生成 CLAUDE.md 代码库文档,让后续 AI 会话快速理解项目约定。
启动并驱动当前项目,在真实运行环境中验证改动(浏览器 / 服务器 / CLI)。
Microsoft 官方浏览器自动化:点选、截图、读渲染后 DOM、测 Core Web Vitals。
读取 Figma 设计稿的结构化变量(颜色/间距/字体)直接转成代码。
浏览器控制台、网络与性能调试,配 Playwright 做「开发→验证→调试」闭环。
Vercel v0 多屏 UI 原型工作流:描述需求,生成多屏界面与代码。
把反复做的事封装成自己的 skill:按规范生成 SKILL.md 与参考文件。
直接操作 GitHub:建 issue、开 PR、审代码、查仓库状态。
网页/桌面截图并读取截图内容,用于视觉验证与文档配图。
社区第一的 Claude Code 技能框架:plan-first + TDD + 子代理开发方法论,26 万+ star。
Agent 工具箱:罗列 100+ 技能/记忆/安全工具,Claude Code 配置的入口级仓库。
真工程场景的实战 skills(测试、重构、调试等),20 万+ star,实用派代表。
基于 Karpathy 观察提炼的 Claude Code 行为规则(单文件),史上 star 最多的单文件仓库之一。
YC 总裁 Garry Tan 的完整 Claude Code 配置(23 工具 + skills),可直接照抄的工程模板。
本地文件系统读写:查看目录、读写文件、移动/搜索文件,让 Claude 直接操作你的项目文件。
抓取网页内容并转为文本/Markdown,让 Claude 读取在线文档与网页。
强制 Claude 显式地一步一步推理并复盘,解决复杂问题时减少跳步。
基于知识图谱的长期记忆,跨会话记住用户偏好与项目事实。
直接操作 Git:查看状态/diff/log、创建分支、提交代码,配合代码工作流。
连接 PostgreSQL:查看表结构、执行查询、读写数据,做分析与报表。
操作 Redis:读写键值、管理缓存与队列,方便调试缓存逻辑。
Docker 官方 MCP:管理容器/镜像/网络,Claude 直接执行 docker 命令运维环境。
管理 Kubernetes 集群:查看 Pod/Deployment、排查服务问题、读取日志。
HashiCorp 官方:生成/审查 Terraform 配置,管理基础设施即代码。
AWS 官方 MCP 集合:查询 S3/EC2/Lambda 等资源,做云上排查与部署。
官方 MongoDB MCP:对文档做增删改查、运行聚合管道、分析数据。
内容创作19
图片、切图与视频生产的创作流水线。
AI Agent 自动产出口播教学视频:脚本 → 生图 → TTS → Whisper 回验 → FFmpeg 合成 → 字幕。
统一的图片生成技能(FHL OpenAI 兼容接口),用于配图、图标、插画、海报。
UI 图批量切图:从设计稿提取图标 / 按钮 / 插画,输出像素版 + 高清透明底素材。
用几秒到几分钟样本克隆声音做配音(ElevenLabs / MiniMax / RVC)。
Whisper 转录生成词级时间戳字幕,对齐导出 SRT / 烧录。
批量生成视频/社媒封面:选图、加标题字、统一模板风格。
语音/音频转文字:会议、访谈、口述转写并标注时间戳。
把播客/视频/会议转写稿拆解成博客、推文、newsletter 等多形态内容,一份素材多次产出。
围绕目标关键词产出带标题、大纲、H 结构与内链外链建议的 SEO 写作简报,落笔前先对齐搜索意图。
快速搭出有信息层级和逻辑钩子的博客大纲,再逐节扩写,避免写到一半跑题。
批量生成悬念、反常识、痛点等不同风格的开头钩子,多选一提高完读率。
用「问题-激化-方案」三段框架写说服型文案,直接套用到落地页、广告和销售信。
按受众和投放渠道批量生成广告文案变体,含主标题、副标题与行动号召,方便 A/B 测试。
设计欢迎、培育、挽回三类邮件序列,按节奏推进打开与转化,每封只做一件事。
从音频转写稿提炼节目笔记:核心要点、时间戳和行动项,可直接发布。
写带开头钩子、段落节奏和 CTA 的口播脚本,按字数控制成片时长。
一套内容改写成抖音、小红书、微博等平台适配文案,带话题标签和互动引导。
把品牌调性固化为语气规范,让所有 AI 产出的文案保持同一种声音。
写短视频、动画、微短剧的分场对白,含动作与情绪提示,可直接进分镜。
效率工具26
自动化 Claude Code 环境与日常操作。
配置 Claude Code 环境:hooks、权限、环境变量、settings.json 的自动化调整。
定时循环执行某个 prompt / 命令,用于轮询状态、定时任务、重复检查。
定制 Claude Code 键盘快捷键、绑定键位、修改 keybindings.json。
审查改动并应用复用 / 简化 / 效率优化,专注代码质量而非找 bug。
扫描常用只读命令,写入 allowlist 以减少权限弹窗,让长任务更流畅。
把项目文案批量翻译成多语言并保持占位符与格式一致,输出语言包。
多角度头脑风暴:发散选项、分类收敛、再按标准打分,帮你做「想不到」的补充。
把选择变成可比较的决策矩阵:标准权重打分,给出推荐与理由。
按语气(正式/亲切/简短)起草与改写邮件,处理多收件人与跟进度。
长文/视频/音频一键提炼要点,输出结构化摘要与行动项。
读写 Notion 页面与数据库:记笔记、建知识库、查 Wiki。
查询与创建日历事件,让 AI 帮你排日程、查空闲、建提醒。
把要点整理成思维导图/大纲结构,导出 Markdown 或 Mermaid。
Claude Code 跨会话持久记忆:压缩历史会话可检索,8.9 万+ star 的记忆事实标准。
读写 Jira/Confluence:查 issue、建任务、抓文档,项目管理直接接入对话。
拉取 Sentry 错误与 issue 详情,让 Claude 直接分析线上报错并给出修复建议。
读写 Gmail:搜索邮件、起草回复、整理收件箱,邮件处理交给对话。
Twilio 官方服务器:发短信/WhatsApp、查消息状态,通信流程自动化。
邮件 API:让 Claude 直接撰写并发送事务邮件与营销邮件。
Stripe 官方:查支付、建客户/订阅、排查账单,电商后端直接接入。
管理 Linear issue:建任务、查状态、更新进度,开发团队协作顺手。
读写 Obsidian 库:记笔记、建双链、整理知识库,第二大脑连进对话。
用 Claude Code 的 hooks 在关键节点自动执行检查,把提交前 lint/测试、权限拦截固化进流程。
定义 reviewer/tester/planner 等专用子代理,大任务并行分工、主代理统筹。
把常用操作封装成自定义 slash 命令,一条命令触发整段工作流。
用 session 文件与交接摘要在新会话里无缝续接任务,跨会话保持上下文。
数据与可视化21
数据分析、图表与外部数据接入。
任何图表 / 仪表盘 / 数据可视化之前的必读规范:统一配色、明暗主题、可访问性。
MCP 服务器:实时拉取任意库的最新文档,减少 AI 对 API 的幻觉。
抓取网页结构化数据、处理登录与反爬,接入 Claude Code 的 MCP 工具。
让 Claude 直接查询与操作 SQLite 数据库,做数据探索与报表。
官方文档技能集:解析 PDF、Word、Excel、PPT,提取文字、表格与结构。
看图分析:OCR 文字、识别物体、读取图表与截图信息。
多来源深度网络研究:检索、交叉验证、整理成带引用的报告。
最大的 MCP 服务器精选目录,9 万+ star,找工具与能力按图索骥。
自主深研 Agent:问题分解 → 并行检索 → 交叉验证 → 带引文成稿,深研赛道成熟度第一。
整站抓取并转成结构化 Markdown,附带搜索与改版检测,是抓取网页数据时的重器。
面向 AI 优化的搜索 API,返回干净结果并附引用来源,适合 RAG 检索与调研。
神经语义搜索,按含义找网页与相似内容,深度研究和知识发现利器。
高性能向量数据库,可建 collection、写入向量并做语义检索,常作 RAG 后端。
嵌入式向量库,本地建知识库做语义搜索,轻量易用、上手快。
生产级向量库,管理 schema 与对象、支持混合检索,适合正式 RAG 系统。
直接读写 Excel 文件,读 sheet、写单元格、做公式计算与数据整理。
云爬虫市场,上千个现成爬虫 actor,可采集网页、电商与社交媒体数据。
拉取 YouTube 视频字幕,把长视频转成文字,方便做摘要、笔记与翻译。
检索医学文献库 PubMed,获取论文摘要与引用信息,供医学科普与研究使用。
无头浏览器自动化,加载 JS 页面、截图并提取渲染后的内容。
操作 Google Drive,列出文件、搜索并读写文档,把文档工作流接入 AI。