Web Artifacts 构建器
SkillSkillsMP
io.github.anthropics/skills/web-artifacts-builder
使用现代前端技术（React、Tailwind CSS、shadcn/ui）创建复杂多组件 claude.ai HTML artifact 的工具集。适用于需要状态管理、路由或 shadcn/ui 组件的复杂 artifact，不适合简单的单文件 HTML/JSX artifact。
source
“filesystem file directory fs” 共 1,472 个结果
io.github.anthropics/skills/web-artifacts-builder
使用现代前端技术（React、Tailwind CSS、shadcn/ui）创建复杂多组件 claude.ai HTML artifact 的工具集。适用于需要状态管理、路由或 shadcn/ui 组件的复杂 artifact，不适合简单的单文件 HTML/JSX artifact。
io.github.HKUDS/CLI-Anything/cli-anything-macrocli
当 agent 想通过 MacroCLI 定义、列出、检视或执行 GUI 宏时使用。宏是参数化、可从 CLI 调用的工作流——agent 执行 macro run <name>,系统负责后端路由(插件、文件转换、无障碍、编译后的 GUI 回放)。
io.github.HKUDS/CLI-Anything/skills
当 agent 想通过 MacroCLI 定义、列出、检视或执行 GUI 宏时使用。宏是参数化、可从 CLI 调用的工作流——agent 执行 macro run <name>,系统负责后端路由(插件、文件转换、无障碍、编译后的 GUI 回放)。
io.github.google-gemini/gemini-cli/docs-writer
只要任务涉及编写、审阅或编辑仓库中 `/docs` 目录下的文件或任何 `.md` 文件，都必须使用此技能。
io.github.software-mansion/react-native-audio-api/writing-skills
如何编写、组织和维护 Claude 技能文件。涵盖三级渐进式披露模型、全部 YAML frontmatter 字段（context:fork、allowed-tools、disable-model-invocation、user-invocable、hooks、argument-hint）、调用控制模式、字符串替换（$ARGUMENTS、${CLAUDE_SKILL_DIR}）、使用反引号语法的 shell 预处理，以及 Maintenance 章节约定。在创建新技能文件、重写已有文件或审查技能质量时使用。触发短语：“add a skill”“write a skill”“create a skill file”“update skill”“skill quality”“skill review”“context fork”“allowed-tools”“user-invocable”。
io.github.NeverSight/learn-skills.dev/docker-compose
用于多容器本地开发与生产栈的 Docker Compose。当用户提到 "docker-compose"、"docker compose"、"multi-container"、"compose file"、"services"、"docker networking"、"compose volumes"、"dev environment setup"，或在本地编排多个容器时使用。
io.github.sickn33/antigravity-awesome-skills/codebase-audit-pre-push
推送到 GitHub 前的深度审计：清理无用文件、死代码、安全漏洞与性能问题。逐文件逐行检查是否达到生产就绪标准。
io.github.github/awesome-copilot/code-tour
用于创建 CodeTour .tour 文件——面向特定读者角色、带真实文件与行号链接的分步讲解。触发语："create a tour""make a code tour""generate a tour""onboarding tour""tour for this PR""tour for this bug""RCA tour""architecture tour""explain how X works""vibe check""PR review tour""contributor guide""help someone ramp up"，以及任何为代码编写结构化讲解的请求。支持 20 种开发者角色（新入职、修 bug、架构师、PR 评审者、vibecoder、安全评审者等）、全部 CodeTour 步骤类型（file/line、selection、pattern、uri、commands、view）及 tour 级字段（ref、isPrimary、nextTour）。适用于任意语言的任意仓库。
io.github.girijashankarj/cursor-handbook/cursor-setup
通过克隆、配置并校验 .cursor 目录，在新项目中装好 cursor-handbook。当用户要求安装 cursor-handbook、初始化新项目或引导 Cursor 配置时使用。
io.github.github/awesome-copilot/react19-source-patterns
React 19 源文件迁移模式参考，包括 API 变化、ref 处理与 Context 更新。
io.github.github/awesome-copilot/react18-enzyme-to-rtl
提供 React 18 升级中 Enzyme 到 React Testing Library 的精确迁移模式。只要需要重写 Enzyme 测试就使用——shallow、mount、wrapper.find()、wrapper.simulate()、wrapper.prop()、wrapper.state()、wrapper.instance()、Enzyme configure/Adapter 调用，或任何 import enzyme 的测试文件。本技能覆盖完整的 API 映射，以及从"测实现"到"测行为"的理念转变。重写 Enzyme 测试前务必先读——不要逐一对译 Enzyme API，那样会写出脆弱的 RTL 测试。
io.github.github/awesome-copilot/react-audit-grep-patterns
提供在 React 18.3.1/React 19 升级前审计 React 代码库所需的完整、已验证 grep 扫描命令库。运行迁移审计时使用——供 react18-auditor 与 react19-auditor 两个 agent 共用。包含查找废弃 API、已移除 API、不安全生命周期方法、批处理隐患、测试文件问题、依赖冲突和 React 19 特有移除项的全部 grep 模式。编写审计扫描命令时应使用本技能而非凭记忆写 grep 语法，尤其是需要上下文标志的多行异步 setState 模式。
io.github.github/awesome-copilot/react18-legacy-context
提供 React 旧版 Context API（contextTypes、childContextTypes、getChildContext）迁移到现代 createContext API 的完整模式。迁移类组件的旧版 Context 时务必使用——这始终是需要同时更新 provider 和全部消费者的跨文件迁移。改动任何 contextTypes/childContextTypes 代码前先用本技能，因为只改 provider 不改消费者（或反之）会导致运行时报错。编写任何 Context 迁移代码前都应先读本技能，其中的跨文件协调步骤可避免最常见的 Context 迁移错误。
io.github.hyperdxio/hyperdx/refactor-component
把大型 React 组件文件重构为由多个小文件组成的目录。当用户要求拆分、分离或重构大组件文件时使用。
io.github.tradermonty/claude-trading-skills/skill-designer
从结构化的想法规格出发设计新的 Claude skill。当技能自动生成流水线需要产出 Claude CLI 提示词，以按仓库约定创建完整技能目录（SKILL.md、参考资料、脚本、测试）时使用
io.github.linuxhsj/openclaw-zero-token/browser-cdp
通过 Chrome DevTools Protocol（CDP）代理控制浏览器。适用场景：(1) 打开 URL 并读取页面内容，(2) 截图，(3) 在浏览器中执行 JavaScript，(4) 点击元素或填写表单，(5) 搜索并安装 Chrome 应用商店扩展，(6) 与需要真实浏览器的 Web API 交互。不适用：简单 HTTP 请求（用 curl）、本地文件操作，或没有可用 CDP 代理的情况。
io.github.pydantic/monty/python-playground
在专用 playground 目录中运行和测试 Python 代码。当需要执行 Python 脚本、测试代码片段、研究 CPython 行为，或在不影响主代码库的情况下实验 Python 时使用。
io.github.HKUDS/CLI-Anything/skills
基于 DOMShell MCP 服务器的浏览器自动化 CLI。将 Chrome 的无障碍树映射为虚拟文件系统,供 agent 原生导航。
io.github.giuseppe-trisciuoglio/developer-kit/nextjs-app-router
为基于 App Router 架构构建 Next.js 16+ 应用提供模式与代码示例。适用于：创建 App Router 项目、实现 Server Components 与 Client Components（"use client"）、为表单编写 Server Actions、构建 Route Handlers（route.ts）、通过 "use cache" 指令配置缓存（cacheLife、cacheTag）、设置并行路由（`@slot`）或拦截路由、迁移到 proxy.ts，或使用 App Router 文件约定（layout.tsx、page.tsx、loading.tsx、error.tsx）。
io.github.HKUDS/OpenSpace/css-append-selector-verify
安全地把 CSS 样式从一个文件追加到另一个文件，每次追加后按选择器用 grep 校验，以捕捉仅看 tail 或 wc -l 会漏掉的静默截断。
io.github.HKUDS/OpenSpace/python-debug-execution
调试 Python 脚本：正确暴露错误信息并核验工作目录。
io.github.HKUDS/OpenSpace/python-debug-pattern
调试 Python 脚本执行失败：捕获含退出码的完整输出，并在文件操作前核验工作目录。
io.github.HKUDS/OpenSpace/python-debug-execution-911f17
通过捕获完整 traceback 并核验工作目录，调试 Python 脚本执行失败。
io.github.HKUDS/OpenSpace/typescript-import-audit
系统化审计 TypeScript 代码库的导入卫生问题（值导入 vs 类型导入、重复导入）、缺失的基类继承与不完整的 barrel 文件再导出，并给出可操作的修复模式。