artifacts-builder
用于构建复杂多组件 claude.ai HTML 工件的工具套件，基于 React、Tailwind CSS 与 shadcn/ui 等现代前端技术，通过初始化、开发、打包为单文件 HTML 的流程生成可在对话中分享的工件。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-23 00:13
前端与建站
10,993 个结果
ui-percept-rapid-feedback
面向 quick-math-swift 的 UI 快速质量反馈技能：在界面改动后捕获屏幕并运行 ui-percept，用更严格的美学规则生成可操作报告，聚焦间距、对齐、尺寸一致性、截断风险与配色协调，便于代理据此修补 SwiftUI 代码并反复迭代。
chat-ui
chat-ui 是来自 ui.inference.sh 的聊天界面构建组件集，面向 React/Next.js 项目，提供聊天界面所需的基础 UI 模块，包括聊天容器（ChatContainer）、消息（ChatMessage）、输入框（ChatInput）、打字指示器（TypingIndicator）和头像（avatars）。消息组件支持 user、assistant、system 三种角色，分别对应右对齐、左对齐和居中样式。组件基于 Tailwind CSS 与 shadcn/ui 设计令牌，可通过 npx shadcn 命令安装，并支持通过 className 自定义样式。适合需要快速搭建 AI 对话界面或智能体聊天交互的前端场景。
tools-ui
tools-ui 是来自 ui.inference.sh 的一套面向 React/Next.js 的工具生命周期 UI 组件，用于在界面中展示 AI 工具调用的各个状态，包括等待执行（pending）、执行中（running）、需要人工审批（approval）、执行成功（success）和执行失败（error）。它提供 ToolCall、ToolResult、ToolApproval 等组件，可分别用于显示工具调用信息、工具返回结果以及需要人工确认的审批流程。组件会根据工具名称自动匹配图标，例如 search/find 对应搜索图标、read/get 对应文件图标、write/create 对应铅笔图标、delete/remove 对应垃圾桶图标、send/email 对应邮件图标，未匹配时使用扳手图标。该技能可通过 shadcn 命令安装，也可与 Agent 组件配合使用，由 Agent 自动处理工具生命周期，并支持通过 requiresApproval 开启审批流程。
widgets-ui
widgets-ui 是一套用于 React/Next.js 的声明式 UI 组件，可通过 JSON 描述界面，把结构化数据渲染为交互式组件，适合让智能体或后端返回内容直接生成表单、卡片等信息展示。
data-client-react-testing
@data-client/test 的 React 测试技能，介绍用 renderDataHook 与 MockResolver 编写 jest 单元测试，通过 fixtures、interceptors 和 nock 模拟响应，覆盖 Hook、组件、mutation、错误状态与 Manager 测试。
nextjs-turborepo
面向 Next.js 与 Turborepo 全栈 Web 开发的技能指南，涵盖 Next.js 14+（App Router、RSC、Server Actions、PPR、SSR/SSG/ISR）、Turborepo 单体仓库构建系统与 RemixIcon 图标库的集成用法。
frontend-ui-engineering
一套用于构建生产级前端界面的技能指南，强调组件架构、状态管理选择、设计系统一致性、无障碍（WCAG 2.1 AA）、响应式与加载/空/错误状态，帮助避免千篇一律的“AI 审美”。
web-artifacts-builder
用于构建复杂多组件 claude.ai HTML artifact 的工具套件，基于 React 18、TypeScript、Vite、Parcel、Tailwind CSS 与 shadcn/ui，可初始化项目、开发并打包为单个 HTML 文件。
react
该技能提供 React 19 核心开发模式，涵盖 hooks、Suspense、懒加载、组件结构、TypeScript 最佳实践与性能优化，用于创建组件、使用 hooks、实现代码分割及优化渲染。
minimal-web-baas-demo
minimal-web-baas-demo 是腾讯云开发（CloudBase）技能集合中的一个技能，用于快速搭建最小可用的 Web 前后端 + 数据库演示应用。其目标是在数分钟内得到一个可交互的 Web + 数据库预览，而不是搭建云函数中间件堆栈。该技能默认采用 @cloudbase/js-sdk 在浏览器端直接进行数据库 CRUD 操作（NoSQL 或 PostgreSQL），适用于留言板、Todo、Notes、Kanban 等类似 Lovable/Supabase 的快速应用场景。技能强调 BaaS 优先的数据路径：Schema 与管理优先使用 MCP 工具，读写通过浏览器端 @cloudbase/js-sdk 完成，默认禁止使用云函数。使用前需通过 auth.signInAnonymously() 或等效方式建立会话，否则会返回网关 401 错误。
i18n-rtl
i18n-rtl 是一套面向 MUI（Material UI）的国际化与 RTL（从右到左）支持方案，涵盖文档方向设置、Emotion RTL 缓存配置、运行时 LTR/RTL 动态切换、MUI 内置多语言组件文案本地化、MUI X（DataGrid、DatePicker、TreeView）独立本地化、自定义文案覆盖、Portal 组件在 RTL 下的表现，以及双向布局的图标翻转、逻辑属性、混合方向输入等实践要点。适合需要为阿拉伯语、希伯来语、波斯语、乌尔都语等 RTL 语言构建界面的 React 项目参考使用。
js-tosorted-immutable
一份编码规范：在需要排序数组时用 toSorted() 替代 sort()，避免原地修改数组。适用于排序 React props、state 或被他处引用的共享数组，防止状态与闭包相关的隐蔽缺陷。
uiux-design
面向 UI 组件代码实现的专业技能，在编写或修复 UI 代码时触发，覆盖 Tailwind CSS 工具类、shadcn/ui 组件、Radix UI 原语与 CVA 变体，强调移动优先、无障碍与设计令牌。
wordpress-vip
用于在 WordPress VIP 企业级托管平台上开发与部署代码的技能，遵循平台编码规范、部署流程、性能与安全要求，涵盖文件系统限制、受限函数、缓存、Cron、企业搜索及本地开发环境等主题。
hunt-wordpress
用于已获授权目标的 WordPress 安全评估技能：在开展漏洞专项测试前，先梳理 WordPress 核心、REST、XML-RPC、插件、主题、认证边界及同环境其他安装。强调存在性、可达路由或版本匹配本身不构成漏洞结论，需多信号确认。
wordpress-cors-xmlrpc-rce-chain
该技能用于在获得授权的前提下，评估 WordPress 的 CORS、XML-RPC、角色与上传行为能否串联成未授权文件执行路径。它要求每一步都独立验证，不因某项功能存在就假定可利用。
templ-syntax
用于学习和编写 templ 组件语法的技能，涵盖表达式、条件、循环与 Go 集成，适合编写或修复 .templ 文件时使用。
frontend-design
一个用于生成独特、生产级前端界面的技能，强调高设计质量与鲜明美学方向，避免千篇一律的 AI 风格，可用于构建 Web 组件、页面与应用。
html-express
html-express 是 Agent 的高信息密度 HTML 表达层：当调研报告、对比矩阵、清单、指标看板、时间线等内容读者需要费力扫读时，用单个自包含 .html 替代 Markdown，双击即开、零运行环境、可分享。
webflow-automation
该技能用于通过 Rube MCP（Composio）自动化 Webflow 操作，覆盖 CMS 集合管理、站点发布、页面管理、资源上传和电商订单查询。使用前需先连接 Rube MCP，并通过 RUBE_MANAGE_CONNECTIONS 建立并激活 Webflow 连接。执行任何工作流前应先调用 RUBE_SEARCH_TOOLS 获取当前工具架构。
cart
Cart 是 Lexsis 购物车配置技能，用于创建、设计、组合、预览和管理 Lexsis 购物车配置文件（cart profiles）。它支持编辑促销草稿、检查就绪状态，并发布经过明确批准的精确版本。该技能通过 lexsis_cart、lexsis_drafts、lexsis_live_ops 等路由动作，完成购物车配置的读取、能力查询、促销管理、预览、草稿编辑、发布、回滚、默认设置、活动分配与归档等操作。购物车配置文件与页面区块 HTML 分开管理，页面通过其支持的页面配置启用购物车，不应在页面区块中添加 DrawerShell 或购物车行标记。
jetpack-compose
Jetpack Compose 声明式 UI 模式参考，涵盖状态管理、组合模式、副作用、主题、列表与动画等 Android 开发实践。
moli
Moli 是 Lexmount 开源的面向 AI 智能体的无头浏览器内核，默认执行真实 JavaScript、维护真实 DOM 与浏览器 API，但仅在请求需要时才计算布局或渲染像素（--layout）。提供 moli fetch 一次性抓取与 moli serve 的 CDP/WebDriver 端点。