cloudbase
CloudBase（腾讯云开发）开发技能指南，覆盖 Web 应用、微信小程序、原生 App、云函数、CloudRun、数据库、认证与 AI 模型调用等场景，提供按场景路由的参考文档与 MCP 工具工作流。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-01 00:15
前端与建站
11,341 个结果
frontend-design
面向前端界面设计的中文技能，按具名美学流派指导生成可运行、生产级的前端界面代码。强调先探查现有代码库、选定美学方向，再写实现，并提供排版、色彩、布局、动效等具体规则。
improve-codebase-architecture
扫描代码库以寻找“加深模块”的机会，把候选项渲染成自包含的 HTML 报告并打开，随后对用户选中的候选执行决策推演。
improve-react
improve-react 是一个只读的 React 代码库审计与规划技能，以 React Doctor 扫描结果作为证据，由资深 React 工程视角产出按杠杆优先级排序的发现清单和自包含的实施计划，本身从不修改源码。
pick-ui-library
面向前端开发的选库参考技能，根据任务类型（如提示通知、OTP 输入、图表、命令菜单、虚拟滚动、拖拽等）从一份精选清单中推荐对应库，并给出安装与接入建议。
react-doctor
React Doctor 是一个用于扫描 React 代码库的命令行工具，可检查安全、性能、正确性与架构问题，并输出 0–100 的健康评分。适合在完成功能、修复缺陷或提交 React 代码前运行，也支持通过 /doctor 触发本地排查流程。
vercel-react-best-practices
Vercel React Best Practices 是由 Vercel Engineering 维护的 React 与 Next.js 性能优化指南技能，用于编写、审查或重构 React/Next.js 代码时参考。该技能包含按影响程度排序的 8 大类共 70 条规则，覆盖消除异步瀑布、包体积优化、服务端性能、客户端数据获取、重渲染优化、渲染性能、JavaScript 性能以及高级模式。每条规则以独立文件形式提供，包含问题说明、错误代码示例与正确代码示例，可用于指导自动化重构与代码生成。
composable-components
该技能用于编写或重构可访问的 React 基础组件（primitive）与产品级复合组件（product compound），强调真正可配置的子部件、透明的宿主属性与 ref 透传。它要求在排列文件之前先设计公开的组合契约，避免仅靠命名空间和 Root/Trigger/Content 命名就宣称 API 可组合。技能涵盖行为与渲染归属分类、数据迭代归属、目录结构（kebab-case 文件夹与下划线私有目录）、React 版本基线检测、上下文与显式插槽协调、asChild 使用 @radix-ui/react-slot、禁止布尔布局/模式属性、状态可控性等规则，并给出编写工作流与完成标准。
frontend-ux
面向 dApp 前端的生产级 UX 模式技能，覆盖钱包连接、交易生命周期、错误处理、Gas 估算、授权流程、移动端支持与上线 QA 清单，基于 wagmi v2、viem 和 RainbowKit。
expo-router
Expo Router 是一个用于 Expo / React Native 应用的路由与导航技能，帮助开发者正确组织路由结构、配置布局、处理深链接与模态流程。它适用于在新增或重排路由、配置 stack/tabs/模态、处理 deep link 或实现受保护路由等场景。该技能强调以布局文件控制导航结构，并建议将路由文件专注于布局与组合，把业务逻辑放入 hooks 或服务中。
hero-ui-native
HeroUI Native 组件系统使用指南，用于在 React Native 中选用和配置 HeroUI Native 组件与 Provider，并查阅组件 API 与主题令牌。
remotion
Remotion 最佳实践技能，用于在 React 中创建视频。当需要编写 Remotion 代码、构建视频合成、动画、处理媒体资源或实现转场时使用，提供按主题拆分的参考文档。
react-native-best-practices
面向 React Native 与 Expo 的性能最佳实践技能，包含 14 个类别、35 条以上规则，覆盖列表性能、动画、导航、UI 模式、状态管理、渲染、Monorepo 与配置等，用于优化列表滚动、Reanimated 动画、图片媒体与原生模块等场景。
reactjs-dev
这是一个面向 ReactJS（Vite）单页应用开发的 Claude 技能，来自 kaakati/sdh-claude-skills 仓库。它用于构建生产可用的 ReactJS Web SPA 功能，配套技术栈包括 Vite、React Router、TanStack Query、Zustand、Tailwind CSS、Framer Motion 和 ApexCharts，并默认前端消费共享的 Rails API 后端。技能以工作流形式组织：理解功能需求、定义领域类型、构建 API 层、编写页面组件、配置路由、添加动画、添加图表、添加表单以及测试，并附有完成前检查清单。适合需要在 Vite SPA 场景下按统一模式开发前端功能的开发者。
create-visualizer
create-visualizer 是 Kaggle 环境仓库 kaggle/kaggle-environments 中的一个技能，用于为 Kaggle 游戏环境创建或更新 Web 可视化器。该可视化器采用 Vite + TypeScript 前端，并支持回放播放（replay playback）。技能本身不包含独立的产品界面，而是通过读取仓库内 .agents/skills/create-visualizer/SKILL.md 中的说明来执行操作；如果提供了 $ARGUMENTS，则将其作为环境名称使用。
reimagine-it-audit
reimagine-it-audit 是 reimagine-it 设计引擎下的确定性质量检查子技能，对 HTML 输出运行 19 项检查，覆盖排版、配色、动效、内容、结构与性能六大类，用于在交付前发现设计质量问题。
frontend-design
这是一个用于创建具有高设计水准、风格鲜明且达到生产级质量前端界面的技能。它指导 AI 在构建网页组件、页面或制品时，避开常见的“AI 味”审美，转而产出真正可运行、视觉出众、细节精良的代码。技能核心在于先确立一个大胆而明确的设计方向，包括用途、基调（如极简、复古未来、编辑杂志、工业实用等）、技术约束与差异化亮点，强调意图性而非强度。随后在排版、色彩与主题、布局与空间、视觉细节、动效、交互、响应式和 UX 文案等方面给出具体准则：字体需独特并搭配精致正文；使用现代 CSS 色彩函数构建协调色板并避免纯黑纯白；通过变化的间距和不对称构图营造节奏；动效仅使用 transform 与 opacity 并采用自然减速曲线；交互上使用乐观 UI 与渐进式披露；响应式上使用容器查询适配不同场景而非简单缩小；文案要精炼。此外还提供“AI 味测试”作为质量校验，要求作品让人追问“这是怎么做出来的”而非“哪个 AI 做的”。实现复杂度需与美学愿景匹配，每次生成都应保持变化，避免趋同。
ui-ux-pro-max
面向 UI/UX 设计的技能数据库，提供 50 种风格、21 套配色、50 组字体搭配、20 类图表，以及 React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter 等 8 种技术栈的规范与最佳实践，可通过脚本搜索调用。
expo-tailwind-setup
该技能用于在 Expo 项目中搭建 Tailwind CSS v4 通用样式方案，组合 react-native-css、NativeWind v5 与 @tailwindcss/postcss，覆盖 iOS、Android 与 Web 三端。流程包含安装依赖、配置 metro.config.js 与 postcss.config.mjs、编写 global.css，并通过 useCssElement 包装 View、Text、ScrollView、Pressable、TextInput、Image 等组件以获得 className 支持。同时提供平台专属字体变量、Apple 系统色 CSS 变量方案、在 JavaScript 中使用 useCSSVariable，以及与 NativeWind v4 / Tailwind v3 的差异说明和排错建议。需注意该方案基于预览与 nightly 版本依赖，且不再需要 babel.config.js。
frontend-app-design
用于创建独特、生产级 React Native Expo 界面的技能，遵循 iOS 人机界面指南与液态玻璃设计原则，避免千篇一律的 AI 风格，强调大胆的美学方向与精细实现。
use-dom
Expo DOM 组件技能：让 Web 代码在原生端以 WebView 运行、在 Web 端原样渲染，从而在 Expo 应用中直接使用 recharts、react-syntax-highlighter 等依赖 DOM 的 Web 库，并可增量迁移现有 React Web 组件到原生。
enhance-mobile-native-feel
针对已有 Expo/React Native 或 Capacitor 应用的整体“原生感”改造技能：从系统标签栏、Sheet、边到边布局、触感反馈、弹簧动效、虚拟列表、字体图标颜色十个维度打分并逐屏修复，使应用更像原生而非网页。
frontend-design
frontend-design 是一个前端设计技能，用于创建独特、生产级的前端界面，避免千篇一律的 AI 风格。适用于构建 Web 组件、落地页、仪表盘、React 界面等场景。
performance-audit
Performance Audit 是一个系统化的 Web 性能审计技能，用于围绕 Core Web Vitals、打包体积和运行时性能对 Web 应用进行性能评估。它适用于分析页面加载缓慢、用户体验不佳、准备生产部署、排查 Core Web Vitals 问题、优化打包体积以及调试渲染性能等场景。该技能强调先测量再优化，避免过早优化，并提供审计框架、检查命令、优化建议、审计报告模板和工具参考。