baoyu-markdown-to-html
将 Markdown 转换为带内联样式的 HTML，提供微信兼容主题，支持代码高亮、数学公式、PlantUML、脚注、提示块与信息图，适合把文章排版后发布到微信公众号等平台。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-24 00:15
前端与建站
11,045 个结果
TanStack Query
TanStack Query（React Query）的专家使用指南，涵盖查询、变更、缓存、失效、乐观更新、分页与无限查询等服务器状态管理能力，面向 React 数据获取场景。
frontend-design
frontend-design 是一个用于指导创建独特、生产级高品质前端界面的技能，帮助避免“通用 AI 风格”，做出有设计感、可直接交付的网页组件与页面。
react-next-scaffold
用于初始化 Next.js（SSR）React 项目，或自动补全已有 Next.js 项目缺失配置（ESLint、Prettier、TanStack Query、Tailwind CSS、路径别名、VSCode 设置等）的技能。
scaffold-nextjs-app
用于创建带 App Router、TypeScript 与现代默认配置的 Next.js 新项目脚手架技能，覆盖项目创建、目录结构、路由设置与初始配置，并给出验证步骤与常见问题排查。
react-testing-library
React Testing Library 技能，用于编写以用户行为为中心的 React 生产级测试，涵盖查询、表单交互、异步操作、Hook 与 Context 测试、MSW 模拟及覆盖率配置。
web-artifacts-builder
用于构建复杂多组件 claude.ai HTML 工件的工具套件，基于 React、Tailwind CSS 与 shadcn/ui 等现代前端技术，可将项目打包为单个自包含 HTML 文件。
artifacts-builder
一套用于构建多组件 claude.ai HTML 构件的工具集，基于 React、Tailwind CSS 与 shadcn/ui 现代前端技术，含初始化与打包脚本，可将 React 应用打包为单个自包含 HTML 文件并在对话中作为构件分享。
julik-frontend-races-reviewer
一个用于审查 JavaScript 或 Stimulus 前端代码变更的智能体，特别关注竞态条件与 UI 时序问题，适合在代码改动后调用，检查 Hotwire/Turbo 兼容性、Promise、定时器、CSS 动画与并发操作状态管理。
playlet-gzh-feed
短剧-公众号信息源：每日扫描公众号短剧爆款文章，按阅读量筛选热门内容并聚类题材，生成含封面图、互动数据与创作洞察的HTML日报；支持按题材、时间范围定向查询与每日订阅。数据每日15:00更新前一天数据。
next-best-practices
Next.js 最佳实践技能，用于在编写或审查 Next.js 代码时应用规范。内容涵盖文件约定、RSC 边界、异步 API、运行时选择、指令、函数、错误处理、数据模式、路由处理器、元数据与 OG 图片、图片与字体优化、打包、脚本、水合错误、Suspense 边界、并行与拦截路由、自托管以及调试技巧等主题，每个主题对应一份参考文档。
next-cache-components
Next.js 16 的 Cache Components 功能，用于实现部分预渲染（PPR），在单个路由中混合静态、缓存与动态内容。通过 next.config.ts 中的 cacheComponents: true 启用，取代旧的 experimental.ppr 标志。内容分为三类：静态内容在构建时预渲染；缓存内容使用 'use cache' 指令配合 cacheLife 与 cacheTag 控制生命周期与失效；动态内容用 Suspense 包裹并在请求时流式输出。支持文件级、组件级、函数级缓存，内置 default、minutes、hours、days、weeks、max 等缓存配置，并提供 cacheTag、updateTag、revalidateTag 进行缓存失效管理。
bundle-optimization
这是一个用于分析 JavaScript 打包体积、识别优化机会、检测未使用代码并监控性能预算的专用技能。它提供了一整套基于 npm 脚本的分析命令，包括完整打包分析、优化检查、详细报告生成以及针对特定库（如 Recharts）的分析。技能内置了明确的性能预算限制，例如首次加载 JS 小于 128KB、总打包体积小于 500KB、CSS 体积小于 50KB、分块数量小于 20 等，并支持通过配置文件调整。分析流程涵盖运行分析、审查可视化报告、识别大体积依赖、重复模块、缺失代码分割和未使用导入等问题，并给出懒加载、模块化导入、移除未使用依赖、配置 webpack splitChunks 等优化策略。该技能适用于使用 Next.js 和 webpack 的前端项目，帮助开发者持续监控和优化打包性能。
implementing-saaskit-nextjs
在 Next.js App Router 项目中集成 Scalekit SaaSKit 认证的实操技能，基于 @scalekit-sdk/node。用于添加登录、回调、登出、令牌刷新等认证路由，保护页面并管理会话与权限。
frontend-design
frontend-design 是一个用于创建独特、生产级前端界面的技能，强调高设计质量，避免常见的“AI 味”审美。适用于构建 Web 组件、页面、应用或界面，并输出可运行的真实代码。
hugging-face-gradio
Gradio 是一个用于在 Python 中构建交互式 Web UI 和机器学习演示的库。本技能面向需要创建或编辑 Gradio 应用的场景，涵盖核心 API、组件、事件监听器、布局与聊天机器人等主题。资料提供了 Interface、Blocks、ChatInterface 三种核心构建模式，以及 Textbox、Number、Slider、Checkbox、Dropdown、Radio、Image、Audio、Video、File、Chatbot、Button、Markdown、HTML 等组件的签名说明，并列出快速入门、布局控制、流式输入输出、自定义 CSS/JS、应用分享、Python 与 JS 客户端等指南主题。
specification-website
The Website Specification（网站规范）是一个与平台无关的规范文档，用来界定「一个好网站应该做到什么」。它包含十大类别、140 多个页面，每个条目都标注 required（必需）、recommended（推荐）、optional（可选）或 avoid（避免）的状态。规范提供三种机器可读形式：逐页 Markdown、llms.txt / llms-full.txt 索引，以及一个 MCP 服务器。该技能适用于用户询问「我的网站应该具备什么」「X 是必需的吗」「审计这个 URL」以及类似问题时，也用于在评审网站时引用一手标准而非厂商博客，或需要一份平台无关的机器可读契约来做审计时。
syncfusion-react-list-box
Syncfusion React ListBox 是 Syncfusion 提供的 React 列表选择组件，作为下拉框的替代方案，以可滚动列表形式展示项目。它支持单选与多选、自定义模板、拖放、过滤和分组，适合构建可访问且功能丰富的选择界面。该技能文档按主题组织，涵盖入门配置、选择与事件、数据绑定、图标与模板、高级功能、样式外观、无障碍、操作指南、双列表（传输列表）以及 API 参考，并提供快速开始示例和常见用法模式。
syncfusion-react-mention
Syncfusion React Mention（MentionComponent）是用于在可编辑内容区域中实现 @ 提及（@-tagging）用户或条目的 React 组件。它挂载到目标可编辑元素（如 contenteditable 的 div）上，当用户输入触发字符（默认 @）时弹出建议列表，选中后以内联方式插入编辑器。组件支持本地数组、JSON 对象、嵌套数据以及 OData V4、Web API 等远程数据源，可配置字段映射、过滤策略、模板、排序、禁用项、无障碍与本地化等。安装需引入 @syncfusion/ej2-react-dropdowns 包及对应 CSS 主题。
syncfusion-react-multiselect
Syncfusion React MultiSelect Dropdown 组件实现技能，用于在 React 应用中构建多值选择下拉框。该技能覆盖组件安装与样式引入、数据绑定（字符串数组、对象数组、远程 DataManager）、字段映射、分组、过滤、模板、复选框模式、标签（chip）显示、自定义值、虚拟滚动、无障碍、样式定制与本地化等主题，并提供快速开始示例、关键属性参考、常见用例与决策指南。
syncfusion-react-numerictextbox
Syncfusion React NumericTextBox 是 Syncfusion React 输入组件库中专用于数字录入的输入框组件。它支持自动数字格式化（货币、百分比、科学计数法等）、基于 min/max 的范围校验与 strictMode 严格模式、可自定义步长的增减微调按钮、小数位与精度控制，并具备 WCAG 2.2 无障碍合规、ARIA 属性、键盘导航、区域设置与 RTL 支持，可与 React 表单和状态管理集成。该技能以参考文档导航形式提供实现指导，涵盖入门安装、格式与校验、微调按钮与步长、装饰与样式、精度与小数、双向绑定与表单、全球化与无障碍、操作指南及 API 参考，并附有快速开始示例与常见用法（货币、百分比、整数、范围限制、带标签表单字段等）。
syncfusion-react-textbox
Syncfusion React TextBox 是一个轻量级的 React 文本输入组件技能，用于构建单行和多行文本输入字段。它支持浮动标签（floating labels）、验证状态（error/warning/success）、图标装饰、清除按钮、多行 textarea、尺寸样式以及 RTL 等特性。该技能通过 references 目录下的文档，指导开发者在 React 应用中安装、配置和自定义 TextBox 组件，涵盖入门设置、特性分组、样式与尺寸、多行输入、验证与状态、高级特性、无障碍与迁移以及 API 参考等内容，并提供了浮动标签、图标、清除按钮、多行、密码切换、邮箱输入、圆角、禁用、RTL、自动调整大小等代码示例。
syncfusion-react-uploader
Syncfusion React Uploader（UploaderComponent）是用于 React 应用的文件上传组件，支持异步上传、拖拽上传、分块上传与暂停/恢复/取消、文件校验、模板定制、表单集成和无障碍访问。
devtools-production
TanStack Devtools 的生产环境处理技能：说明如何用 Vite 插件自动剥离、条件导出、条件动态导入和 NoOp 插件变体，避免或有意保留生产包中的 Devtools 代码。