crawl
Crawl 是一个基于 Tavily API 的网站抓取技能，可将多个页面内容提取并保存为本地 Markdown 文件，适合下载文档、知识库或整站内容以供离线访问。需配置 Tavily API Key 后使用。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-02 00:09
前端与建站
11,371 个结果
instagram-carousel
用于生成 Instagram 轮播图（Carousel）的技能：输出自包含 HTML，幻灯片按 4:5 比例设计，可导出为单张图片发布。包含创意方向确认、品牌信息收集、配色系统推导、数据研究、排版与幻灯片结构规范。
ohos-react-native-performance
面向 OpenHarmony React Native（RNOH）的性能静态检查与优化技能，依据官方性能优化文档整理，用于编写或审查 RNOH 应用代码与工程配置，覆盖渲染优化、打包与原生配置、生命周期、TurboModule、列表与 key 等规则。
pencil-to-code
pencil-to-code 可将 Pencil .pen 设计稿导出为 React/Tailwind 代码，专注于设计转代码这一件事，输出 React 组件与 Tailwind 主题配置，也支持 Vue、HTML 等目标框架。
pinak-frontend-guru
Pinak Frontend Guru 是一个以前端 UI/UX 与 React 性能审计为核心的技能（PinakBot 人设），用于对前端代码做深度审查、按 Vercel React 最佳实践与 Web Interface Guidelines 检查问题，并可执行 Vercel 部署。
refund-radar
refund-radar 是一款本地运行的对账单审计工具，可解析银行或信用卡流水，识别周期性扣费、可疑交易、重复扣款与手续费，并生成可交互的 HTML 审计报告和退款申请模板。所有数据在本地处理，无网络请求。
telegram-reaction-prober
Telegram Reaction Prober 是一个用于探测特定 Telegram 聊天或消息中哪些 emoji 表情反应被允许的技能。它通过逐个尝试候选表情，区分 Allowed 与 Rejected，可选择性移除测试反应，并将结果记录到文件中。
trmnl
trmnl 是一个为 TRMNL 电子墨水屏设备生成 HTML 内容的技能，基于 TRMNL CSS 框架构建插件界面，并通过 webhook 把内容推送到设备显示。适用于需要把信息呈现在 TRMNL 屏上的场景。
vue-expert
Vue Expert 是一个面向 Vue 3 开发场景的技能（Skill），定位为资深前端工程师角色，专注于 Vue 3 Composition API、响应式系统与现代 Vue 生态。它适用于使用 Composition API 构建 Vue 3 应用、创建可复用组合式函数（composables）、搭建 Nuxt 3 项目的 SSR/SSG、实现 Pinia 状态管理、优化响应式与性能、在 Vue 组件中集成 TypeScript、使用 Quasar 与 Capacitor 构建移动/混合应用、实现 PWA 功能与 Service Worker、配置 Vite 构建与优化，以及使用 Fastify 等服务器进行自定义 SSR 搭建。该技能强调以 Composition API（而非 Options API）和 <script setup> 语法编写组件，使用类型安全的 props，按需选用 ref() 与 reactive()、computed()，正确使用生命周期钩子，并在 composables 中做好清理，全局状态采用 Pinia。
wordpress
OpenClaw 技能，提供基于纯 HTTP 的 WordPress REST API 命令行工具，可管理文章、页面、分类、标签、用户，并支持自定义请求，适合自动化与机器人内容工作流。
wp-to-static
将 WordPress 网站转换为静态站点并部署到 Cloudflare Pages 的技能：通过 SSH 镜像已渲染的 HTML，仅提取被引用的静态资源（可将 1.5GB+ 体积大幅压缩），生成零攻击面、零托管成本、加载更快的静态站。
slide-deck-builder
slide-deck-builder 是一个用于创建或编辑自包含 HTML 演示幻灯片的技能，面向演示、路演、工作坊和教学活动，无运行时依赖，也支持 PPTX 与原生 Google Slides 输出。
plan-it-ar
plan-it 是一个“先做计划”的 HTML 技能：用一个 plan.html 作为单一事实来源，内含 JSON 数据层与内联渲染层，支持 /clear 后的上下文恢复。适用于在复杂任务开始前生成可交互、可导航的计划看板。
plan-it-es
plan-it 是一个 HTML 优先的持久化规划技能，生成自包含的 plan.html 文件，把 JSON 状态嵌入页面，可在上下文被清除后继续使用。它面向复杂任务的分阶段跟踪，提供模板、浏览器渲染、SHA-256 锁定和 markdown 导出。
react-fieldguide
用于 TypeScript 下编写 React 组件的技能指南，涵盖 React 19 变更、组件与 Hook 类型、事件处理、泛型组件、Server Components 及 TanStack Router 类型安全集成。
vite
Vite 是面向现代前端开发的构建工具，具备基于原生 ES 模块的即时服务器启动、极快的热更新（HMR）以及使用 Rolldown/Rollup 的优化生产构建。它开箱即用地支持 TypeScript、JSX 和 CSS 预处理器，并拥有丰富的插件生态。本技能基于 Vite 6.x，生成于 2026-01-28，内容涵盖配置、CLI 命令、核心特性、插件使用、CSS 处理、静态资源、Glob 导入、环境变量、HMR API、Web Worker、依赖预打包、生产构建、库模式、SSR、JavaScript API、插件 API、性能优化与后端集成等主题，适合在配置 Vite、添加插件、使用开发服务器或进行构建时参考。
html-ppt
html-ppt 是 DeckTaste.skill 的本地优先 HTML 演示技能，用模板化的主题、版式、动画和提示词生成专业静态 HTML 幻灯片，并可将文本或笔记转成可演示的 deck。
html-ppt
HTML PPT Studio 是一个用于制作专业静态 HTML 演示文稿的技能，基于模板驱动，提供多主题、多布局与动画效果，适合将文本或笔记快速转成可演示的幻灯片。
coss
coss 是一个基于 Base UI 构建的组件库，提供类似 shadcn 的开发体验，并配有大量 particle 示例目录。本技能用于在构建界面时正确选用 coss 基础组件（按钮、对话框、选择器、表单、菜单、标签页、输入框、提示消息等），按文档规范编写导入、组合与属性代码，并参考 particle 示例生成贴近生产环境的用法。它强调优先复用已有组件与示例、遵循文档中的命名与 API、保持无障碍标签与错误语义，同时覆盖从 shadcn/Radix 迁移到 coss/Base UI 时的常见误区。
coss-particles
COSS UI Particles 索引技能，用于在实现 UI 功能时查找可直接复制粘贴的组件示例。这些示例（particles）基于 coss 基础组件构建，共覆盖 52 种组件类型、484 个示例。使用时先描述所需 UI，再按组件类型和说明检索索引，随后通过 JSON URL（https://coss.com/ui/r/<particle-name>.json）获取完整源码并适配。
shadcn
shadcn/ui 是一个用于构建用户界面、组件与设计系统的框架，组件通过 CLI 以源代码形式添加到用户项目中。该技能面向管理 shadcn 组件与项目，支持添加、搜索、修复、调试、样式调整与界面组合，包括聊天界面。它依赖注入的项目上下文（别名、Tailwind 版本、基础库 radix 或 base、图标库、包管理器、预设等），遵循语义色、组合优先、内置变体等规则，并强调先查看已安装组件、用 docs 获取官方文档与示例。资料未提供该技能的收费、价格、平台限制或效果数据。
web-design-pro
面向现代网页设计工程的技能集，覆盖设计令牌、UI/UX 方法论、响应式布局、无障碍、性能与游戏特化 UI 等主题，可用于构建设计系统与优化游戏作品集页面。
react-expert
React Expert 是一个面向 React 18+（含 React 19）应用开发的专业技能，由 paperclipai/companies 收录、上游文档来自 jeffallan/claude-skills（MIT 许可）。它专注于构建生产级 React 应用，涵盖组件编写、自定义 Hooks、Server Components、Suspense 边界、状态管理与性能优化。技能内部提供六步核心工作流：分析需求、选择模式、实现、用 tsc --noEmit 做类型校验、优化、用 React Testing Library 写测试，并配套 Server Components、React 19、状态管理、Hooks、性能、测试、类组件迁移等参考文档。它强调 TypeScript 严格模式、错误边界、正确 key、副作用清理、语义化 HTML 与 ARIA，以及为 memo 子组件做记忆化，同时列出禁止直接改 state、动态列表用数组下标作 key 等约束。
heropy-react-scaffold
用于初始化 React 项目或为现有 React 项目补全缺失配置的技能，可自动检测项目状态并配置 ESLint、Prettier、TanStack Query、Tailwind CSS、VSCode 等。