shadcn-ui
shadcn/ui 是一套基于 Radix UI 与 Tailwind CSS 的可访问、可定制 React 组件集合，组件通过 CLI 复制进项目而非 npm 包，代码归你所有并可编辑，支持 Next.js App Router、Vite 等框架。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-21 00:11
前端与建站
10,940 个结果
shadcn-svelte
shadcn-svelte 是面向 Svelte 的 UI、组件与设计系统框架，组件以源码形式通过 CLI 加入项目。本技能管理其组件的添加、更新、修复、调试、样式与组合，并提供项目上下文、组件文档与使用规则。
svelte-awesome
Svelte 5 入门与导航技能，作为其 8 个子技能的编排入口，提供框架全貌、学习路径指引与技能协同指南，适合需要了解 Svelte 5 整体或选择学习路径时加载。
shadcn-theming
用于定义或审计 shadcn/ui 设计令牌、OKLCH 颜色及明暗模式 CSS 变量的技能，说明令牌层级与校验清单。
html-preview
通过 HTML Preview REST API 上传、管理 HTML/ZIP 预览页的技能，支持生成公开预览链接、查询回收站与元数据，使用 hp_ 开头的 API Key 认证，适用于 Agent 与自动化脚本集成。
vibecoding-animated-websites
依据公开资料，该技能用于构建高端、带动画的网站，强调美学、语义化 HTML 与无障碍性；适用于用户要求“vibecode”或制作动画网站、追求奢华或纯美学网页体验，以及涉及 Antigravity、Google Whisk、Google Flow 的网页设计场景。
iblai-chat
iblai-chat 是一个用于 Next.js 应用的技能，通过 ibl.ai 的 <mentor-ai> Web 组件添加 AI 聊天挂件，自动处理流式输出、会话管理与认证。使用前需先完成 /iblai-auth 认证配置，并向用户获取 agent/mentor ID（UUID）。
vue-component-generator
Vue Component Generator 是面向前端开发的自动激活技能，用于辅助生成 Vue 组件相关操作。当请求中提到 vue component generator，或询问其模式与最佳实践时自动触发，提供分步指导、生成生产就绪的代码与配置，并做标准校验。
lean-text-scaffolding
一个用于约束新建网页文案的技能：避免冗长填充、通用占位词、装饰性标签和重复眉题，同时保留表单标签、无障碍名称与必要操作文本。
gpt-taste
gpt-taste 是一套面向前端设计工程的 AI 技能提示，要求生成 Awwwards 级页面：用模拟 Python 随机化打破布局重复，遵循 AIDA 结构、超宽 H1 两到三行、无空隙 Bento 网格、GSAP 滚动与悬停动效，并禁用 emoji 与廉价元标签。
configure-cache-busting
用于检查并配置 Next.js 与 Vite 项目缓存失效（cache-busting）策略的技能，可检测框架与 CDN、生成合规报告，并按需自动修复内容哈希、缓存头与构建校验配置。
lookml-liquid
用于在 LookML 中使用 Liquid 变量的技能，支持动态 SQL、HTML 与链接，并涵盖查询优化等进阶模式，例如聚合感知、动态连接与条件渲染。
react-router-v7
React Router v7 框架模式的约定指南，讲解路由模块、数据加载器（loader）、动作（action）与渐进增强的用法。适用于构建基于文件的路由，统一处理路由、数据加载与表单变更。
tanstack-start
TanStack Start 是基于 TanStack Router 与 Vite/Nitro 的全栈 React 框架实践指南，涵盖服务端函数、SSR、流式渲染与 API 路由，强调端到端类型安全。
design-taste-frontend
这是一个面向前端开发的高能动性技能（Skill），定位为资深 UI/UX 工程师，用于在生成数字界面时覆盖大语言模型默认的设计偏好。它通过一组可配置的基线参数（设计变化度 8、动效强度 6、视觉密度 4）驱动生成逻辑，并强制执行基于度量的规则、严格的组件架构与 CSS 硬件加速等性能约束。技能涵盖默认技术栈约定（React/Next.js、Tailwind CSS、RSC 安全、依赖校验）、设计工程指令（字体、配色、布局、材质、交互状态、表单模式）、反 AI 套路规则（禁用 emoji、禁用 Inter 字体、禁用 AI 紫、禁用纯黑、禁用三列卡片等），以及一套高端创意组件与动效参考库。适用于需要产出高质量、非模板化前端界面的场景。
oil-frontend
oil-frontend 是一个面向产品前端实现与评审的 AI 技能，用于在实现、修改、重构或评审可见界面、交互行为、前端状态与数据流、组件与样式组织时主动使用，也覆盖这些前端行为的测试与验证策略，不用于视觉风格等设计判断。
build-tools-expert
面向构建工具与打包配置的专家技能，涵盖 Vite、Webpack 及打包器配置，并整合 Biome 代码规范、Vite 构建优化与 Qwik 的 Vite 插件三部分内容。
solidjs-expert
SolidJS 专家技能，用于编写或审查 SolidJS 代码，覆盖响应式原语、组件写法、状态存储、条件与列表渲染、数据获取、派生值、错误边界与目录结构等实践准则。
content-ops-netlify
Content Ops Starter (Netlify) 是一个基于 Next.js 的内容模型模板，支持可视化编辑，用于在 Netlify 上快速搭建内容运营站点。该模板提供灵活的内容结构，并集成可视化编辑能力，方便非技术用户直接编辑页面内容。项目使用 npm 作为包管理器，可通过 git clone 获取模板，安装依赖后即可本地开发或构建部署。部署时使用 Netlify CLI 执行生产环境发布。适合需要内容管理与可视化编辑的 Next.js 项目，尤其面向 Netlify 平台。
nextjs-blog-netlify
这是一个基于 Next.js 和 Tailwind CSS 的可定制博客模板，支持可视化编辑，并针对 Netlify 平台部署。模板使用 npm 作为包管理器，提供克隆、安装依赖、构建、部署和本地开发的完整命令流程。适合需要快速搭建博客并部署到 Netlify 的用户。
accessibility-auditing
这是一项基于 Cursor 内置浏览器无障碍树（aria snapshot）进行网页无障碍审计的技能。它无需外部工具，通过打开目标页面并抓取辅助功能树（屏幕阅读器使用的同一棵树），检查缺失标签、语义 HTML、键盘导航、ARIA 用法及对比度等问题。工作流包括：使用 browser_navigate 打开页面，使用 browser_snapshot 获取无障碍树，逐项审计，再用 browser_press 模拟 Tab 键测试键盘导航（焦点可达性、顺序、可见焦点环、Escape 关闭弹窗），最后按严重、警告、通过三类输出报告，并在源码中应用常见修复（如为图标按钮添加 aria-label、为输入框包裹 label、将可点击 div 改为 button、补充图片 alt 文本、修正标题层级）。适用于在 Cursor 中对前端页面做无障碍自检与修复，限制是依赖 Cursor 浏览器能力且为人工/流程化审计而非自动化检测工具。
bootstrap-customize
bootstrap-customize 是一个用于指导 Bootstrap 5.3 定制化开发的技能，帮助用户通过 Sass 变量、CSS 自定义属性和主题系统调整 Bootstrap 的样式。该技能涵盖运行时 CSS 变量覆盖、编译时 Sass 变量重设、主题颜色映射的增删改、深色/浅色配色模式（data 属性或媒体查询两种实现方式）、颜色运算函数（tint-color、shade-color、shift-color、color-contrast）、字体与间距等关键变量，以及按钮、卡片、表单等组件的定制方式。同时提供精简 Sass/JavaScript 导入、PurgeCSS 清理未用样式、Autoprefixer 配置等产物优化策略，并说明在严格内容安全策略（CSP）下内联 SVG 可能导致部分组件图标无法显示的问题及应对思路。
syncfusion-javascript-speech-to-text
Syncfusion JavaScript SpeechToText 是 Syncfusion EJ2 输入组件库中的一个按钮式语音识别控件，点击按钮后调用浏览器语音识别服务，将麦克风采集的语音转为文字，并通过事件和属性输出转录结果。支持实时转录（含临时结果与最终结果）、语言配置（如 en-US、fr-FR、de-DE）、按钮内容与图标自定义、开始/停止提示、本地化、RTL 布局以及 8 类常见识别错误的处理。可通过 startListening() 和 stopListening() 方法以编程方式控制，适用于语音表单输入、实时转录、语音搜索与无障碍输入等场景。依赖 @syncfusion/ej2-inputs 及相关主题样式，Firefox 不支持。
syncfusion-winforms-excel-like-tabbar-splitter
这是一个用于在 Windows Forms 应用中实现 Syncfusion TabBarSplitterControl 的技能指南。TabBarSplitterControl 是一个容器控件，可创建带动态拆分器的选项卡页面，配合 GridControl 使用时能呈现类似 Excel 工作簿的多工作表外观。每页可放置独立的 GridControl、SfDataGrid 或其他 Syncfusion/框架控件，适合构建多表数据视图、财务数据工作簿、多表报表和电子表格式界面。该技能提供安装说明、C# 与 VB.NET 代码示例、程序化创建 TabBarPage 的模式，以及将控件添加到页面的常见用法。核心类包括 TabBarSplitterControl（主容器）和 TabBarPage（单个页面，具有 Text 标签和 Controls 集合）。安装需引用 Syncfusion.Shared.Base NuGet 包，子控件需单独安装对应包。