nativewind-and-tailwind-css-compatibility
提供 NativeWind 与 Tailwind CSS 的版本兼容性说明，避免常见安装报错。需将 nativewind@2.0.11 与 tailwindcss@3.3.2 搭配使用，高版本可能触发 process(css).then(cb) 错误。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-22 00:14
前端与建站
10,989 个结果
tailwindcss
Tailwind CSS v4 的实用类优先样式指南，涵盖响应式设计、深色模式与 CSS 优先主题配置，适用于组件样式编写与主题定制。
ui-snapshot
ui-snapshot 是一个把前端项目（React/Next.js/Vue + Tailwind）的整套 UI/UX 打包成单个自包含 HTML 文件的技能。该文件双击即可离线打开，无需服务器、网络或登录，用硬编码占位数据还原真实界面，包括布局、颜色 token、字体、图标以及各类状态（加载/空/错误/逾期）和浮层（modal、sheet、toast、tour）。触发场景：向无法运行应用的人（主管、设计师、客户、评审、wiki 文档）展示界面，或需要一个带示例数据的 mock 用于 UX/QC 讨论而不触碰真实数据或后端。非目标：不重新设计、不静态截图运行中的应用、不放入真实数据、不保留业务逻辑或 API（按钮仅改变页内状态）。输出为单个离线 HTML 文件，并附带报告（屏幕数、KB、验证截图、与真实应用的差异）。构建依赖项目的 Tailwind CLI 与配置，验证使用 Playwright 截图，受容量阈值约束。
frontend-mobile-security-xss-scan
面向前端代码的 XSS 漏洞扫描技能，可分析 React、Vue、Angular 与原生 JavaScript，识别注入点、不安全 DOM 操作与净化缺失，并给出修复建议与安全编码模式。
frontend-patterns
Frontend Patterns 是一个面向前端 UI 工作的辅助型技能，用于在开发或评审界面时补充可访问性、响应式布局、加载/错误状态、性能护栏以及 DESIGN.md 编写等方面的检查与建议。它强调先理解用户流程再设计 UI，主张以用户任务成功为核心而非单纯审美偏好。该技能提供 UI 状态与反馈、可访问性与表单、性能与布局、DESIGN.md 编写等参考文件，并给出组件输出清单、UX 评审清单、动效规则、反模式清单等。它属于建议性技能，明确的用户指令、CLAUDE.md、仓库规范与已批准方案优先于其建议。
svelte
面向 Svelte 5 组件开发的技能，覆盖 .svelte 文件、runes、props、snippets、事件、样式、context 与响应式，包含 SvelteKit 中组件内部实现；若难点在路由、load、表单 action、鉴权、cookie、SSR 导航或失效，则改用 sveltekit 技能。
soybean-headless
SoybeanHeadless 是 SoybeanUI 提供的可访问、无样式 Vue 3 基础组件技能，帮助在 Vue 应用中选用 @soybeanjs/headless，区分基础原语与 Compact 组件，组合自定义样式封装并使用子路径导出。
tailwindcss
Tailwind CSS v4 的实用优先（utility-first）样式开发指南，介绍如何在项目中使用工具类布局、排版、配色、响应式、状态变体、暗色模式与自定义配置。资料说明 v4（2025 年 1 月发布）采用 CSS 优先配置，同时仍兼容 v3 的 tailwind.config.js。
storybook-init
storybook-init 是 Storybook 官方提供的技能，用于给尚未配置 Storybook 的项目添加 Storybook。它会检查版本并执行初始化命令，随后引导完成项目专属配置。
custom-features
该技能介绍如何在 TanStack Table v9 中编写自定义插件（plugin）。当内置功能与类型化 meta 无法满足需求时，可通过插件扩展表格的可复用状态或行为。内容涵盖声明 FeatureMaps、实现运行时生命周期钩子、安装原型方法、通过 tableFeatures 注册插件，以及验证状态、选项、方法与重置行为。适合需要为表格增加可复用能力、又不想直接修改已构造实例的开发者。文中强调：仅声明类型而无运行时钩子会暴露不存在的 API；临时性地修改实例会绕过插件注册与推断组合。
vue-reactivity-system
Vue 3 响应式系统技能，讲解 ref、reactive、computed、watch 等 API 的用法与最佳实践，用于构建响应式、高性能的 Vue 应用并管理复杂状态。
registry-component-patterns
这是一个用于在 shadcn/ui 组件库中添加 8-bit 复古风格组件的注册规范，核心是在 registry.json 中正确登记组件或区块，使其可通过 shadcn add @8bitcn/[component-name] 命令被发现和安装。规范说明了组件条目与区块条目的 JSON 结构，要求始终在 files 数组中包含 retro.css，registryDependencies 只列出基础 shadcn 组件（而非 8-bit 版本），source 与 target 路径保持一致，并使用 gaming 等分类标记。适用于向 8bitcn-ui 组件库新增像素风组件或游戏界面预置布局时参考。
frontend-design
一个用于创建高品质、非通用 AI 风格前端界面的设计技能，覆盖从上下文检测、方案规划、构建到视觉验证的完整流程。
build-shop
Vercel Shop 商店前端的构建与改造技能，面向 Shopify 店面路由的创建、重设计、重构与审查，强调以商业事实为先并复用模板中已验证的模式。
enable-shopify-menus
用于 Vercel Shop 的技能：把导航和页脚中硬编码的链接替换为 Shopify 管理的菜单，并通过受保护端点手动刷新缓存。
ui-anti-slop-codex
ui-anti-slop-codex 是一个面向 Codex 的前端界面设计工作流技能，用于在 Codex 构建、评审、修复、样式调整、重设计或改进用户界面时自动介入。它要求 Codex 把界面工作当作产品设计任务处理，而非泛泛地填充屏幕：先核查仓库中已有的界面文件、路由、全局样式、组件与图标库、截图及 DESIGN.md，然后对界面类型分类、选择参考风格族、在改动前声明一份精简的“视觉契约”，再基于现有设计系统实现，最后对渲染结果做视觉验证，避免文字重叠、移动端破损、按钮对比度不足等问题。
frontend-patterns
一份面向 React 与 Next.js 的前端开发模式技能，覆盖组件组合、状态管理、数据获取、性能优化、表单处理、错误边界、动画与可访问性等实践，帮助构建可维护、高性能的用户界面。
shadcn-ui-expert
shadcn-ui-expert 是一个面向 shadcn/ui 的高级 UI 工程与设计系统技能，定位为资深 UI 工程师与设计系统专家（2026 版）。它专注于使用 Radix UI 2026、Tailwind CSS 4（CSS-First）和 React 19 构建可访问、高度可定制且性能良好的组件库，强调组件所有权、模块化架构与类型安全的 UI 模式。该技能主张把 shadcn/ui 当作代码生成模板而非普通依赖库，要求开发者拥有源码；在 Tailwind 4 下优先使用 @theme 与 @utility 的 CSS 优先配置，避免新建项目使用 tailwind.config.js；所有组件必须继承 Radix 原语以保证键盘导航与 ARIA 合规；新增组件时使用 bun x shadcn-ui@canary add 并对照 2026 Bento Grid 标准验证样式。它还给出 React 19 直接 ref 属性、useFormStatus/useFormState 与表单组件集成、Zod 校验等实践，并列明反模式清单与进阶主题。
frontend-design
一个用于生成差异化、生产级前端界面的技能，强调强烈设计方向与细节打磨，避免常见的“AI 感”审美。适用于构建网页组件、页面等前端任务。
web-state-ngrx-signalstore
NgRx SignalStore 的 Angular 状态管理模式技能，涵盖 signalStore、withState、withComputed、withMethods、withEntities、rxMethod 等特性的组合与用法，适用于用 Angular Signals 管理客户端状态、处理实体集合与副作用。
vue-development
面向 Vue 3 项目的开发技能，用于规划与实现组件结构、功能方案，并推行 TypeScript 优先的现代模式，如 Composition API、defineModel() 与用户行为测试。资料同时列出常见反模式与不宜使用该技能的场景。
seo-technical
为 Next.js 应用实现技术 SEO 基础设施的技能，覆盖 sitemap、robots.txt、元数据、OpenGraph、结构化数据与规范化 URL 等配置。
atai-design-system
Archetype AI Design System 是一套已发布在 npm 上、采用 MIT 许可的设计系统，用于搭建 Newton 演示前端。它通过 ds CLI 脚手架生成 SvelteKit + Tailwind v4 项目，安装 @archetypeai/ds-lib-tokens、ds-ui-svelte-console、ds-ui-svelte-labs 等包，并写入顺序敏感的 CSS 与设计系统自带的 agent 配置（CLAUDE.md/AGENTS.md 与 ds-manifest.json）。组件目前面向 Svelte 5，React 移植进行中；非 Svelte 技术栈可单独使用纯 CSS 的 tokens 包。
frontend-playbook
面向以太坊 dApp 的完整构建到生产流水线技能，涵盖 fork 模式本地开发、IPFS 部署、Vercel 配置、ENS 子域名与生产环境上线清单。