wix-design-system
Wix Design System 组件参考技能，用于基于 @wix/design-system 构建界面、选择组件、查询组件属性与示例，以及编写组件测试。需先安装 @wix/design-system。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-18 00:12
前端与建站
10,836 个结果
shadcn
shadcn/ui 是一套基于 Radix UI 与 Tailwind CSS 构建的 React 可复用组件集合，采用复制粘贴而非 npm 包的方式，让开发者完全拥有组件代码与样式控制权，组件可访问、可定制且开源。
cesiumjs-3d-tiles
CesiumJS 3D Tiles 是 CesiumJS 中用于加载、显示与交互三维瓦片（3D Tiles）数据集的能力模块，基线版本为 CesiumJS v1.144，采用 ES module 导入与异步工厂方法。它支持通过 URL、Cesium ion 资产 ID、Google Photorealistic 3D Tiles、OSM Buildings 等方式加载瓦片集，提供样式与颜色混合、要素拾取与属性读写、继承式元数据查询、裁剪平面与裁剪多边形、点云着色、体素（Voxel）渲染、I3S 数据接入、Gaussian Splats 以及分类叠加等功能；1.142+ 起新增 Mapbox Vector Tiles 运行时转换与边缘显示模式等实验能力。
html-spec-planning
用于把项目规格、实施计划、设计探索、RFC 与提案写成信息丰富的 HTML 文档的技能；当用户要求写 spec、plan、RFC 或梳理取舍时使用，产出可导航、可视化、可分享链接的文档。
hebrew-tailwind-preset
Hebrew Tailwind Preset 是一套用于为希伯来语 RTL（从右到左）应用配置 Tailwind CSS 的技能指南。它面向 Tailwind CSS v4（推荐，当前 v4.3，2026 年 5 月），同时兼容 v3.3+，适用于 React、Vue、Angular、Next.js 和 Nuxt，无需网络。核心内容包括：通过构建插件（Vite、PostCSS 或 webpack）安装并配置 Tailwind v4 的 CSS-first 配置；定义希伯来语字体栈（Heebo、Assistant、Noto Sans Hebrew、Frank Ruhl Libre、Cousine 等）与希伯来语优化的字号、行高令牌；使用 font-display: swap 加载字体以避免 FOIT；在 Next.js 中通过 next/font 与 @theme inline 接入；使用逻辑属性工具类（ms-/me-/ps-/pe-/border-s/border-e/rounded-s/rounded-e/text-start/text-end/inset-s/inset-e 等）替代物理方向类；使用 rtl:/ltr: 方向变体处理方向相关样式；并提供 RTL 优先的卡片、导航、侧边栏、表单等组件模式。
syncfusion-maui-cartesian-charts
用于在 .NET MAUI 中实现 Syncfusion SfCartesianChart 笛卡尔图表的技能，覆盖折线、面积、柱状、条形、金融、统计、堆叠、范围等 20+ 图表类型，以及坐标轴、交互、样式、趋势线、导出与无障碍等主题。
react-server-components-framework
该技能面向使用 Next.js 16+ 与 React Server Components 构建应用的开发场景，覆盖 App Router、Cache Components（替代 experimental_ppr）、流式 SSR、Server Actions 等主题。内容包含 Server 与 Client 组件的边界划分、数据获取与缓存（use cache、cacheLife、cacheTag、revalidateTag）、异步 params/searchParams、Turbopack 默认打包、Server Fast Refresh、Next DevTools MCP 调试，以及常见报错排查与模板脚本。适合需要设计组件边界、实现缓存与再验证、优化流式渲染的 Next.js 开发者参考。
tiny-vue-skill
TinyVue 组件库开发助手技能，用于在使用 TinyVue 组件库（@opentiny/vue）进行开发，或配置 TinyVue 工程的国际化、主题、表单校验、自动导入组件等场景时提供指导。该技能提供严格的 API 文档、示例代码、组件目录以及工程配置指南，帮助生成符合规范的代码。技能涵盖的依赖包包括组件库 @opentiny/vue、图标库 @opentiny/vue-icon、样式包 @opentiny/vue-theme、公共逻辑包 @opentiny/vue-renderless、公共函数包 @opentiny/utils、公共 hook 包 @opentiny/vue-hooks、公共指令包 @opentiny/vue-directive、国际化包 @opentiny/vue-locale。适用时机包括使用 TinyVue 开发应用、配置主题与国际化等工程设置、查询组件 API 与示例代码、编写符合 TinyVue 最佳实践的代码。核心组件涉及 Layout 布局、Grid 表格、Form 表单、Input 输入框、Icon 图标等。使用时应严格遵循工程文档与组件 API 规范，不得以其他开源库信息猜测 TinyVue 用法，查找组件信息须按组件名→API 文档→示例代码的顺序进行，模板中引用组件时使用 tiny- 前缀。
Frontend Builder
Frontend Builder 是一个用于构建现代 React/Next.js 前端的技能，适用于创建 Web 应用、选择前端技术栈、组织组件结构或实现 UI/UX 设计。它围绕组件组合、状态就近、默认性能与开发者体验四项核心原则展开，提供框架选型（React + Vite 与 Next.js 的取舍）、组件架构（页面组件、功能组件、UI 组件）、状态管理决策（useState、Context、Zustand）、数据获取（React Query、Next.js 服务端组件）、表单处理（React Hook Form + Zod）、样式方案（Tailwind CSS、CSS Modules）、性能优化、错误处理、目录结构以及 TypeScript 最佳实践等指导。
vue-router
本技能为 Vue Router 提供全面的使用指导，覆盖路由配置、导航、动态路由、嵌套路由、路由守卫、编程式导航、懒加载等核心主题，适用于 Vue 3（Vue Router 4）与 Vue 2（Vue Router 3.x）项目。当用户需要在 Vue 项目中配置路由、使用动态路由、编写守卫或进行懒加载时，可借助本技能获得对应的 API 用法、配置方式与最佳实践建议。技能内容包含 createRouter、routes、history 模式等基础配置，以及 router-link、router-view、useRouter 等组件与组合式 API；进阶部分涉及动态路由、嵌套路由、beforeEach 守卫、meta 字段与 component: () => import() 形式的懒加载。官方参考地址为 https://router.vuejs.org/ 。
syncfusion-maui-button
用于在 .NET MAUI 项目中实现与定制 Syncfusion SfButton 按钮控件的技能，涵盖安装配置、图标与背景图、视觉状态、可勾选按钮、RTL 支持及样式调整等场景。
syncfusion-maui-listview
用于在 .NET MAUI 应用中实现 Syncfusion SfListView 的技能文档，覆盖数据绑定、排序、筛选、分组、选择、Grid/Linear 布局、滑动操作、拖放、下拉刷新、加载更多与虚拟化性能优化等，并给出 NuGet 配置、MVVM 用法和参考文档导航。
replica
replica 是 stardust 工作流中的同设计迁移技能，用于将现有网站重新平台化到 AEM Edge Delivery（或任意干净前端），同时保持当前设计接近像素级一致。它把捕获的当前状态直接作为目标规范，只允许显式不一致登记表中的差异，并要求每个原型在交付前通过针对线上站点的实测源保真度门禁。该流程不做创意决策，方向步骤只是机械地提升捕获的规范；原型以干净的语义 HTML/CSS 重新创作，而非复制 DOM。已验证案例中，经过 3 次实测迭代，像素差异从 8.31% 降至 2.93% 再降至 1.31%，高度差为 0，内容差异无发现。
apple-design
Apple Design 技能把 Apple 的界面设计与流体物理动效理念翻译到 Web 平台，知识来源主要是 Apple 的 WWDC 设计演讲，尤其是 WWDC 2018 的《Designing Fluid Interfaces》。它用于构建或评审手势驱动的用户界面、弹簧动画、拖拽与滑动交互、底部抽屉与模态、半透明材质层级，以及无障碍降级等场景。技能强调响应零延迟、直接操控 1:1 跟手、动画可随时中断与反向、以弹簧取代固定时长动画、释放速度交接、动量投影、空间一致性、边界橡皮筋、多模态反馈、减弱动态偏好与排版光学调整等原则，并给出对应的 CSS 与 JavaScript（Pointer Events、requestAnimationFrame、Motion/Framer Motion）实现要点。
ask-sonner
Sonner 是一个 React toast 通知库，本技能是其作者 Emil Kowalski 提供的使用指南，用于帮助开发者安装配置、渲染、样式定制和排查 Sonner 相关问题。内容涵盖 <Toaster /> 与 toast() 两部分的接入方式、各类 toast 调用（普通消息、成功/错误/信息/警告、加载中、promise、带操作按钮、自定义 JSX）、更新与关闭、样式定制层级（默认、内联、类名、无头）以及常见故障排查。
emil-design-eng
该技能封装了 Emil Kowalski 关于 UI 打磨、组件设计、动画决策以及让软件体验出色的隐形细节的设计理念。它以“设计工程师”的工艺视角，提供动画决策框架、组件构建原则、CSS 变换与 clip-path 动画技巧、手势与拖拽交互等具体指导，并规定在审查 UI 代码时必须使用 Before/After/Why 的 Markdown 表格。适用于追求界面质感与细节打磨的前端开发与设计工程场景。
html-slideshow-deck
用于生成键盘可导航的 HTML 演示幻灯片的技能，适合技术分享、领导简报和新人培训等需要以链接分享的连续视觉演示场景。支持键盘翻页、全屏、URL 哈希定位、进度指示与演讲者备注。
tanstack-vue-query-skilld
TanStack Vue Query 是面向 Vue 的异步数据管理技能包，用于在 Vue 应用中管理、缓存和同步异步及远程数据。它基于 @tanstack/vue-query 5.103.2，提供 useQuery、useMutation、useQueries 等组合式函数，并重新导出 @tanstack/query-core 的全部能力（如 keepPreviousData、skipToken、focusManager、onlineManager、hydration 工具与 observer 类）。适用于任何导入 "@tanstack/vue-query" 的代码场景，帮助开发者处理数据获取、缓存失效、乐观更新与 SSR 等需求。
improve-animations
improve-animations 是一个面向代码库动画与动效代码的审计与规划技能。它以资深动效顾问的视角，先勘察代码库中的动画实现，再按优先级产出审计发现，并为每一项发现编写自包含的实施计划，供其他智能体（包括能力较弱的模型）执行。该技能只做一件事：审查动画与动效代码，产出优先级排序的发现与实施计划；它不审查单个 diff，也不自行实施修复。其判断标准来自 Emil Kowalski 的动画理念，工作流（勘察、并行审计、复核、自包含计划）改编自资深顾问式代码库审计。技能强调只读分析、绝不修改源码，计划文件仅写入 plans/ 目录，且计划必须完全自包含，包含精确的文件路径、代码片段与目标数值。
pick-ui-library
pick-ui-library 是一个前端库选型查询技能，来自 Emil Kowalski 的精选清单。当用户提出具体前端任务（如“我需要 toast”“拖拽该用什么”）时，它会将任务匹配到一份经过主观筛选的库列表并给出推荐。清单覆盖 UI 组件与基础原语（base-ui、cmdk、Sonner、input-otp、Leva）、动效与视觉（motion、NumberFlow、torph、Cobe、Satori、shiki）、图表（Liveline、recharts）、交互与性能（dnd kit、Virtuoso）以及状态与样式（zustand、clsx、cva、next-themes）。该技能强调按任务而非用户点名的库来匹配，先检查 package.json 中已安装的依赖，只推荐一个库并用一句话说明用途，不提供多选项菜单；若任务不在清单内会明确说明并脱离精选清单给出建议。
web-design-guidelines
依据 Vercel Web Interface Guidelines 审查 UI 代码的技能，适用于可访问性、焦点、表单、动效、排版、图片、性能、URL 状态、主题、触摸与 i18n 的检查；不涉及视觉配色设计与 WCAG 等级认定。
react-admin
react-admin 是一个用于在 REST/GraphQL API 之上构建单页应用的框架，由 marmelab 维护。它基于 React Query、react-hook-form、react-router 和 Material UI 构建，提供 150 多个组件与数十个 Hook。该技能用于构建、修改或调试 react-admin 应用，涵盖创建资源、列表、表单、数据获取等场景。核心设计原则包括：所有 API 通信必须通过 provider（dataProvider、authProvider、i18nProvider）完成，禁止在组件中直接使用 fetch/axios；采用组合而非大量配置来定制行为；通过 React Context 与 Hook 拉取数据，而非层层传递 props；当组件 UI 不适用时改用底层 controller Hook。它内置路由声明、数据查询与变更 Hook（支持 pessimistic、optimistic、undoable 三种变更模式）、认证与 RBAC 权限、实体关系字段与输入、基于 react-hook-form 的表单与校验，以及持久化客户端状态等能力。
syncfusion-maui-combobox
实现 Syncfusion .NET MAUI ComboBox（SfComboBox）控件的技能：支持可编辑或只读的下拉选择，具备数据绑定、过滤搜索、单选多选、自定义模板与丰富事件，适用于 .NET MAUI 应用中的下拉选择与可搜索输入场景。
react-email
React Email 是一个使用 React 组件构建和发送 HTML 邮件的工具，采用组件化方式开发邮件，兼容主流邮件客户端。可通过 npm 安装或使用脚手架创建项目，提供本地预览开发服务器。支持 Tailwind 样式、渲染为 HTML 或纯文本、与多种邮件服务商集成发送，并内置可视化邮件编辑器。