适合前端 / 全栈工程师的 Claude Skills — 第 4 页
Guizang 网页演示 Skill
把文章和观点制作成可直接演示的单文件 HTML 幻灯片。
peon-ping 会话重命名
为当前 Claude 会话自定义名称，显示在通知标题和终端标签页上。
baoyu-design：本地运行 Claude Design 的 Agent Skill
将 claude.ai/design 的设计能力打包成 Agent Skill，在本地 Cursor、Claude Code 等任意文件型代理中生成自包含 HTML 的 UI 稿、原型和 PPT。
Slides Grab 图像原生幻灯片技能
在 Claude Code 或 Codex 中，以参考模板页为视觉基准，逐页生成整页栅格图片幻灯片，最忠实地还原企业模板、品牌版式与视觉密度。
Prompt Master 提示词大师
为任何 AI 工具生成精准、零浪费的提示词，让你第一次尝试就拿到想要的输出，不再反复重试浪费 token。
Web Clone 网站复刻方法论
一套「真源码至上」的网站复刻方法论与可执行侦察脚本，避免照抄 AI 臆造代码。
Superdesign 设计技能
让编码智能体具备真正的设计判断力，告别千篇一律的 AI 风格界面，直接产出可上线的高质量 UI、演示文稿和营销图形。
HTML Anything：万物皆可变成网页
把任何文件、文件夹、网址或数据导出自动变成精美、可交互、可分享的单文件 HTML 页面，替代冗长的 Markdown 回复。
手绘图表技能（hand-drawn-diagrams）
一句自然语言提示，即可生成手绘风格的 Excalidraw 架构图、流程图、线框图，并附带可编辑的托管链接、逐笔描摹动画和 PNG 导出。
tweakcc 补丁编写与注册指南
为 tweakcc（Claude Code 定制工具）编写并注册新补丁的完整开发手册，让开发者能安全地修改 Claude Code 的压缩源码。
career-ops —— 求职指挥中心
把任意 AI 编码 CLI 变成一站式的求职中心：评估职位、生成 CV、扫描门户、跟踪申请。
Full Page Screenshot 网页长截图技能
零依赖直连 Chrome DevTools 协议，把任意网页（含 SPA、懒加载、超长页面）截成一张完整 PNG 长图。
Blueprint 计划生成器（blueprint-generate）
在问答阶段结束后，把 blueprint 收集到的上下文转化为一份可执行的实施计划，交给编码代理一次性完成。
Handoff — Claude Code 会话交接技能
在上下文快耗尽时自动生成结构化交接文件，跨会话链式衔接，避免每个新会话重复踩坑。
Claude 插件 MCP 集成指南
为 Claude Code 插件配置 MCP 服务器，连接外部服务并调用其工具。
Claude Code 插件技能开发指南
帮助开发者为 Claude Code 插件设计、编写、组织并验证 SKILL.md 技能。
SwiftUI Pro
系统审查 SwiftUI 代码，发现现代 API、可维护性、无障碍与性能问题。
TileGym Transformers 内核集成
将 TileGym 高性能内核接入 Hugging Face Transformers 模型。
Codeagent 多后端编排技能
通过 codeagent-wrapper 一条命令调用 Codex/Claude/Gemini/OpenCode 多个 AI 后端，完成代码分析、重构与多智能体并行任务编排。
Slides-Grab 卡片新闻技能
在 Claude Code / Codex 中复用 slides-grab 工作流，生成 720×720 正方形、适合 Instagram 发布的卡片新闻图片。
Slides Grab 设计技能
在 Claude Code 或 Codex 中，把已批准的幻灯片大纲直接变成高质量、可逐张迭代修改的 HTML 幻灯片，并通过对抗式设计门禁把关质量。
Claude Code 插件结构指南
帮助你规划、配置并组织 Claude Code 插件及其组件。
Claude 自动化顾问
分析代码库并推荐适合项目的 Claude Code 自动化方案。
Math Olympiad 竞赛数学验证器
用多轮对抗式审查求解并验证 IMO、Putnam、USAMO 和 AIME 数学题。