radix-ui
Radix UI 是一套面向 React 的无样式、可访问 UI 原语库，内置键盘导航、焦点管理与 ARIA 属性，可与 Tailwind CSS、Framer Motion 组合使用，适合构建对话框、下拉菜单、提示框、标签页、选择器等组件。仅限 Web 平台。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-21 00:11
前端与建站
10,939 个结果
zustand-state-management
面向 React 的 Zustand v5 状态管理约定：文件命名、只导出自定义 Hook、原子选择器、actions 命名空间与小型聚焦 store，用于添加或维护客户端全局状态。
stitch-react-components
将 Stitch 屏幕、本地 HTML 文件或 URL 转换为模块化 Vite + React 组件，使用 TypeScript、主题映射的 Tailwind，并通过 CSS 变量实现深色模式。仅在用户明确提到 Stitch 与 React（Vite、CRA，非 Next.js）时使用。
icp-website-audit
通过 ICP 视角对网站进行端到端审计的技能：先构建合成买家画像，再对客户站点做结构化评分，并与 1-3 个竞品逐项对比，最终生成整合报告与优先级建议。免费，依赖网页搜索与抓取能力。
competitor-engagers
该技能用于发现正在与竞争对手 LinkedIn 帖子互动的人群，作为冷启动外联的高意向线索。输入网站域名后，自动发现竞争对手、抓取其公司及员工帖子并收集互动者，输出 CSV。需先配置 API 密钥，并建议用 /icp-prompt-builder 过滤。
hermai
Hermai 是一套面向网站的交互层技能：通过开源 schema 注册表与 Hermai Cloud 托管执行，让智能体查询、抓取并操作特定网站的数据。适用于用户要求某网站（如 airbnb、zillow）数据或要新增站点覆盖的场景。
tailwind-class-optimizer
Tailwind Class Optimizer 是一个前端开发领域的自动化技能，用于辅助处理 Tailwind CSS 类相关任务。当用户请求中出现 "tailwind class optimizer" 等关键词时，该技能会自动激活，围绕 Tailwind 类的优化模式与最佳实践提供分步指导，生成可直接用于生产的代码与配置，并依据通用标准对输出进行校验。它属于前端开发技能分类，覆盖 React、Vue、CSS、可访问性、性能优化及现代 Web 开发模式等方向。技能资料显示其适用于需要 Tailwind 类优化建议或前端开发辅助的场景，使用前提为具备相关开发环境、必要工具与服务访问权限，以及对前端开发概念的基础理解。输出包括生成的配置与代码、最佳实践建议和校验结果，并针对配置无效、工具缺失、权限不足等情况给出错误处理说明。关于具体价格、平台限制、支持版本等信息，资料暂未提供。
wp-phpstan-review
用于审查 WordPress 项目的 PHPStan 静态分析配置的技能，覆盖 phpstan.neon、基线、WordPress 扩展与桩文件、CI 集成及渐进采用策略，输出按严重程度分类的审查发现与修复建议。
kwc-shoelace-react
面向通用 React Web 项目的组件开发技能，用于接入和修改 @kdcloudjs/shoelace 标准组件与 KWC 扩展组件；不适用于 KWC 工程，KWC 需求应改用 kwc-project-scaffold。
clerk-custom-ui
Clerk 自定义认证 UI 技能，涵盖用 useSignIn、useSignUp 等钩子构建自定义登录/注册流程，以及通过 appearance 属性定制 Clerk 预置组件的主题、颜色、字体与 CSS。
clerk-expo-patterns
面向 Expo / React Native 的 Clerk 集成模式参考，涵盖 SecureStore 令牌缓存、OAuth 深链、原生 useAuth、Expo Router 受保护路由与推送通知等主题，基于 @clerk/expo v3+。
clerk-vue-patterns
该技能提供在 Vue 3 项目中使用 Clerk 认证的集成模式，核心是通过 @clerk/vue（v2 及以上）提供的组合式函数 useAuth、useUser、useClerk、useOrganization 来管理认证状态与用户信息，并涵盖 Vue Router 导航守卫与 Pinia 认证状态存储的整合方式。适用于需要在 Vue 3 单页应用中接入登录、登出、用户信息读取、组织切换等功能的开发者。资料同时说明该技能面向 Vue，Nuxt 场景应改用 clerk-nuxt-patterns；并列出常见问题（组合式函数返回 undefined、响应性丢失）的成因与修复方向。具体功能、收费与完整使用限制暂未提供。
deno-frontend
在 Deno 中使用 Fresh 2.x、Preact 与 Tailwind CSS 开发前端的技能，覆盖 Fresh 项目创建、路由与处理器、island 架构、数据获取、中间件及样式集成，仅限 Fresh/Deno 场景使用。
vue
Vue 是一份基于 Vue 3.5 的编码技能资料，面向使用 Vue 3 Composition API 编写单文件组件（SFC）的开发者。它明确推荐以 TypeScript 替代 JavaScript，优先使用 <script setup lang="ts"> 而非普通 <script>，并主张始终使用 Composition API 而非 Options API。在性能方面，若不需要深层响应式，建议优先使用 shallowRef 而非 ref；同时不鼓励使用 Reactive Props Destructure。资料涵盖两大板块：核心部分讲解 script setup 与各类宏（defineProps、defineEmits、defineModel、defineExpose、defineOptions、defineSlots、泛型）以及响应式与生命周期（ref、shallowRef、computed、watch、watchEffect、effectScope、生命周期钩子、组合式函数）；特性部分涉及内置组件与指令（Transition、Teleport、Suspense、KeepAlive、v-memo、自定义指令）。此外还提供组件模板示例与常用导入清单。该资料的具体授权方式、收费情况与平台支持暂未提供。
vue-best-practices
这是一个用于 Vue.js 任务的技能指令集，强调以 Vue 3、Composition API、`<script setup>` 与 TypeScript 作为默认标准做法。它要求先确认项目架构，再按预设流程实施：先规划组件边界与 props/emits 契约，再应用响应式、单文件组件、组件数据流、组合式函数等核心参考，并遵循状态单一来源、props 向下事件向上、拆分小型组件等原则。仅当需求明确时才引入插槽、过渡、状态管理等可选特性，性能优化放在功能正确之后。资料也提到覆盖 SSR、Volar 等，但正文未展开。
vue-pinia-best-practices
Vue Pinia 最佳实践技能，汇总 Pinia store 配置、状态管理常见陷阱与响应式问题，并指向具体子技能文档。
wp-block-themes
wp-block-themes 是 Automattic 的 agent-skills 仓库中的一个技能，用于开发 WordPress 区块主题。它覆盖 theme.json 的全局设置与样式、模板与模板部件、区块图案（patterns）、样式变体（style variations）以及站点编辑器的相关工作。该技能提供了一套从项目定位、主题识别到修改与验证的流程，并附带调试指南，帮助解决“样式不生效”“编辑器未反映 theme.json”等常见问题。
tanstack-router
TanStack Router 是面向 React 的完全类型安全路由库，把路由、loader、params 与 search params 当作一等类型化数据。支持基于文件的路由、Zod 校验查询参数、loader 数据加载、beforeLoad 鉴权守卫，并与 TanStack Query 集成。
vue-pinia
面向 Vue 3 的 Pinia 状态管理技能，讲解用 Composition API 编写 setup store，涵盖状态归属、store 结构、组件用法、TypeScript、异步副作用、SSR/Nuxt 与路由守卫、持久化及测试。
theme-shopify-css-guidelines
面向 Shopify 主题开发的 CSS 规范技能，规定在主题 section 中编写 CSS 时使用 BEM 命名、限制嵌套层级并做好样式封装，避免 section 之间样式泄漏与冲突。
vtake-cut
VTake 本地视频卡片化工作流：把本地视频提取音频、生成字幕与元数据，再由智能体在对话中自由设计并编写 HTML 卡片，最终合成并通过 hyperframes 渲染为 MP4。
senior-frontend
Senior Frontend 是一个面向现代前端开发场景的综合型技能工具包，主要用于构建高性能的 Web 应用。它以 ReactJS、NextJS、TypeScript 和 Tailwind CSS 为核心技术方向，并内置了组件生成、打包分析和项目脚手架三类自动化脚本，帮助开发者遵循最佳实践并提升开发效率。该技能涉及的参考资料涵盖 React 模式、Next.js 优化指南和前端最佳实践。除前端技术外，其技术栈描述还包含 Node.js、Express、GraphQL、REST APIs 等后端能力，以及 PostgreSQL、Prisma、NeonDB、Supabase 等数据库和 Docker、Kubernetes、Terraform 等 DevOps 工具。工具通过 Python 脚本调用，提供命令行参数配置，并附带关于代码质量、性能、安全和可维护性的实践建议。
agent-html
为 AI Agent 提供基于 shadcn/ui 极简现代美学的单文件 HTML 组件化规范与母版体系，用于生成零外部依赖、可离线秒开的报告、看板、对比、时间线等页面。
dynamic-themes-with-codemirror
本教程介绍如何创建一个基于 Lit 的 Web Component，在其中集成 CodeMirror 代码编辑器，并使用 Material Design 的色彩工具实现动态主题。内容涵盖项目初始化、依赖安装（lit、codemirror、@material/material-color-utilities）、Vite 配置、组件定义与编辑器初始化，以及通过源色、明暗模式切换和自定义颜色生成并应用主题，最终实现一个可自定义主题的代码编辑体验。文中给出了完整可运行的源码结构与在线演示链接。