coding-guidelines
编码规范集合，为 React/Next.js 开发提供可测试性、Server Components、entity/gateway 模式与目录结构等指导，按主题拆分为多个规范文件。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-27 00:15
前端与建站
11,187 个结果
axum-syntax-responses
Axum 响应语法技能：讲解处理器返回值如何通过 IntoResponse 变成 HTTP 响应，涵盖状态码、请求头、JSON、HTML、原始字节、重定向与 Cookie 的返回方式，以及元组组合规则和常见错误。
shadcn-core-blocks
用于按 shadcn 官方 Blocks 画廊搭建整页 UI 的技能。Blocks 是通过同一 add CLI 复制进项目的多文件组件组合（如 dashboard-01、sidebar-07、login-03），交付完整页面或大布局外壳，拷贝后即归项目所有，需自行提交与维护。
shadcn-core-registry
介绍 shadcn 注册表（registry）协议与 components.json 配置的技能：说明如何声明 registries 字段、使用私有或付费组件库、解析命名空间与 URL 模板、展开环境变量，以及自建并托管注册表。
shadcn-core-stack
shadcn ui 核心技能：讲解 shadcn 组件栈的分层职责与组合方式。它并非运行时组件库，而是 CLI 把 TypeScript 源码复制进项目，由项目自行拥有组件文件，运行时依赖 Radix、cva、tailwind-merge、clsx、lucide-react 与 Tailwind。
shadcn-core-theming
面向 shadcn/ui 项目的主题（Theming）技能，用于配置颜色变量、暗色模式、设计令牌调色板，以及在 Tailwind v3 与 v4 之间迁移或粘贴主题输出。核心是先确认项目所用的 Tailwind 版本，再选用对应的接线方式。
shadcn-errors-cli-sync-mismatch
讲解 shadcn CLI 重新添加组件时覆盖本地修改的问题与应对方案：通过 --diff 预览上游差异、选择 vendor／diff-merge／fork 三种策略，并把自定义变体放到独立 *-extensions.tsx 文件，使 --overwrite 更安全。
shadcn-errors-form-state
针对 shadcn Form 与 react-hook-form 集成中表单状态异常的排查型技能，归纳六类常见错误：非原生控件误用 register、组件体内 inline 调用 form.watch、defaultValues 缺字段、FormField 置于 Form 之外、zod schema 路径与 name 不匹配、handleSubmit 缺少 onInvalid。
shadcn-errors-tailwind-v3-v4-migration
用于将 shadcn ui 项目从 Tailwind CSS v3 迁移到 v4 的技能，提供检测规则、确定性迁移步骤与验证清单，解决升级后颜色异常、动画与暗色模式失效、ring 宽度变化等半迁移问题。
shadcn-impl-framework-integration
面向 shadcn ui CLI 的按框架初始化与集成指南，覆盖 Next.js、Vite、React Router v7、Astro、TanStack Start 五种模板，说明各自的 init 参数、rsc 取值、别名解析、Tailwind 插件与暗色模式策略。
shadcn-syntax-chart
shadcn Chart 原语的语法与用法参考：它在 Recharts 之上提供主题化与 tooltip/legend 封装，通过 ChartConfig 注入 --color-<dataKey> CSS 变量，使图表颜色随明暗主题切换。安装命令为 npx shadcn@latest add chart。
shadcn-syntax-form
介绍 shadcn/ui 的 Form 组合原语用法，讲解如何配合 react-hook-form 与 zod 构建表单，涵盖七个原语的职责、自动无障碍接线、schema 优先模式、Controller 与 register 的选择、提交与异步校验，以及 RSC 下的 'use client' 限制。
shadcn-syntax-input-otp
shadcn ui 的 Input OTP 组件封装，用于构建一次性验证码、MFA、短信验证码、PIN 码等固定长度逐位输入。基于 input-otp 库，提供 InputOTP、输入组、槽位与分隔符等原语及安装命令。
shadcn-syntax-layout-primitives
介绍 shadcn/ui 四个纯布局辅助原语（Resizable、ScrollArea、Separator、AspectRatio）的使用技能，涵盖各自解决的布局问题、v4 属性、组合规则与常见反模式，并提供不变式约束与示例参考。
shadcn-syntax-popover-tooltip-hovercard
用于在 shadcn/ui（new-york-v4）中区分 Popover、Tooltip、HoverCard 三个浮动面板组件的决策技能。依据内容是否可交互、是否需要悬停或点击、是否涉及触屏与键盘可达性，给出选择建议与常见误用规避。
frontend-shadcn
面向 Vite + React 19 + TypeScript + Tailwind CSS v4 + shadcn/ui + React Router v7 的前端开发技能，用于创建新前端项目、添加 UI 组件、实现路由与常见界面模式，并提供 MapLibre 地图与 MCP 文档等参考。
react-component-patterns
React + TypeScript 组件设计模式参考指南，涵盖组合优于继承、Props API 设计、子组件模式、复合组件、受控与非受控组件以及 memoization 决策。
css
面向 AI 智能体的现代 CSS 技能，指导使用 Grid、Flexbox、自定义属性、容器查询与级联层编写可维护样式。适用于布局、响应式设计与动画；不适用于 Tailwind 或 MUI sx。
css-best-practices
CSS 质量与架构规范技能，覆盖命名、特异性管理、深色模式与布局。适用于审查 CSS/SCSS 的可扩展性与可维护性、评估命名约定、设计主题策略、诊断层叠冲突。不适用于 Tailwind、CSS-in-JS 与动画性能。
cross-site scripting and html injection testing
用于对 Web 应用开展客户端注入漏洞评估的技能，覆盖存储型、反射型与 DOM 型 XSS 及 HTML 注入的检测、利用演示与修复建议，需在获得书面授权的前提下使用。
web-artifacts-builder
web-artifacts-builder 是 Anthropic 提供的工具套件，用于使用现代前端技术栈（React、Tailwind CSS、shadcn/ui）创建结构复杂、多组件的 claude.ai HTML artifact。它通过初始化脚本搭建 React 项目，开发完成后利用打包脚本将全部 JavaScript、CSS 和依赖内联为单个自包含的 HTML 文件，从而可直接在 Claude 对话中作为 artifact 分享。项目内置 40 多个 shadcn/ui 组件和完整的 Radix UI 依赖，并预置路径别名、Tailwind 主题系统与 Parcel 打包配置，同时兼容 Node 18 及以上环境。该工具还提供设计与风格指南，提醒避免过度居中布局、紫色渐变、统一圆角和 Inter 字体等常见 AI 生成风格。适合需要构建较完整交互式前端界面并作为单个 HTML 交付的场景。
wordpress penetration testing
该技能用于对 WordPress 站点开展渗透测试，涵盖用户、主题与插件枚举、漏洞扫描、凭据攻击与利用。依赖 WPScan、Metasploit、Burp Suite 或 OWASP ZAP、Nmap、cURL/wget，需具备 WordPress 架构与 OWASP Top 10 基础。须获书面授权后使用。
track-startup-competitors
用于跟踪创业公司竞争对手的公开情报技能，覆盖官网、定价页、产品页、更新日志、文档、公开 X 帖子和 GitHub 组织等来源，强调证据可追溯、结论保守，支持基线、脉冲、对比、深挖、市场变化与观察列表等模式。
remotion
Remotion 是使用 React 制作视频的技能知识库，为智能体提供处理 Remotion 代码时的领域最佳实践，涵盖合成、动画、音频、字幕、3D、数据可视化等主题，并可按需加载规则文件获取详细说明与示例。