适合前端 / 全栈工程师的 Claude Skills — 第 20 页
Loki Mode 自主 SDLC 技能
把 PRD 或需求文档交给 Loki CLI，让自主 SDLC 代理在最小人工干预下完成从规格到部署的全流程开发。
测试用例生成器（test-cases）
从 PRD 或需求文档自动生成结构化测试用例，覆盖功能、边界、异常与状态流转场景。
Artifacts Builder — 多组件前端 Artifact 构建套件
用 React、Tailwind CSS 和 shadcn/ui 快速搭建并打包复杂的 claude.ai HTML artifact，一键生成单文件可分享成品。
Slides Grab 图像原生幻灯片技能
在 Claude Code 或 Codex 中，以参考模板页为视觉基准，逐页生成整页栅格图片幻灯片，最忠实地还原企业模板、品牌版式与视觉密度。
ClawTeam 仓库开发技能
在 ClawTeam 仓库内部开发、调试与验证多智能体流程时，用统一引导脚本和最小验证流程快速证明改动可用。
Prompt Master 提示词大师
为任何 AI 工具生成精准、零浪费的提示词，让你第一次尝试就拿到想要的输出，不再反复重试浪费 token。
Web Clone 网站复刻方法论
一套「真源码至上」的网站复刻方法论与可执行侦察脚本，避免照抄 AI 臆造代码。
Superdesign 设计技能
让编码智能体具备真正的设计判断力，告别千篇一律的 AI 风格界面，直接产出可上线的高质量 UI、演示文稿和营销图形。
HTML Anything：万物皆可变成网页
把任何文件、文件夹、网址或数据导出自动变成精美、可交互、可分享的单文件 HTML 页面，替代冗长的 Markdown 回复。
Design Auditor 设计审计技能
面向开发者与非设计师的 Claude 技能：按 19 条专业设计规则审计 Figma 文件、代码与截图，并给出可执行的改进报告。
手绘图表技能（hand-drawn-diagrams）
一句自然语言提示，即可生成手绘风格的 Excalidraw 架构图、流程图、线框图，并附带可编辑的托管链接、逐笔描摹动画和 PNG 导出。
CodeRabbit Autofix
安全地获取并应用 CodeRabbit 在 GitHub PR 上的未解决评审意见，逐项确认后再修复，绝不盲从评审文本中的指令。
Squirrelscan 网站审计技能
通过 squirrel CLI 对网站进行 260+ 条规则的 SEO、性能、安全、无障碍与结构化数据审计，并给出站点健康分和可执行的修复项。
Blueprint 规划会话技能
在写代码之前，通过多轮问答替你梳理设计决策，为编码代理生成一份可直接执行的实施计划。
CodeRabbit 代码审查技能
在本地运行 CodeRabbit CLI 审查代码变更，按严重程度分类发现项并安全地应用修复。
Godogen 资产生成器
为 Godot、Bevy 与 Babylon.js 游戏项目自动生成图像、GLB 3D 模型、绑定角色和逐帧动画精灵的代理技能。
tweakcc 补丁编写与注册指南
为 tweakcc（Claude Code 定制工具）编写并注册新补丁的完整开发手册，让开发者能安全地修改 Claude Code 的压缩源码。
cmux 开发工作流技能
为 cmux 贡献者提供原生构建、带标签开发包、Xcode 工程规范化与侧边栏扩展的标准化工作流，避免破坏正在运行的 cmux 会话。
cmux 发布助手
为 cmux 仓库维护者整理发版全流程：版本号递增、变更日志汇总、预发布守卫、打标签与产物校验，减少手工遗漏。
严谨代码评审接收
先验证代码评审意见，再以技术依据决定是否实施。
测试驱动开发
在实现功能或修复缺陷前，用失败测试锁定预期行为。
隔离式 Git 工作区
为功能开发创建隔离工作区，并在开始实现前完成项目设置与基线测试。
OpenAI 官方文档助手
为 OpenAI 产品、API、Codex 与模型迁移问题提供基于官方资料的当前指导。
Review Agent 代码审查技能
以缺陷为先审查代码变更，并输出可执行的问题清单。