tailwind-css-patterns
提供 Tailwind CSS 实用类优先样式的模式指南，覆盖响应式设计、布局、Flexbox、网格、间距、排版与颜色等，面向 React/Vue/Svelte 组件样式与设计系统构建。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-03 00:11
前端与建站
11,400 个结果
tailwind-design-system
用于基于 Tailwind CSS（v4.1+）与 shadcn/ui 创建和管理集中式设计系统的技能，涵盖设计令牌、CSS 变量主题、组件封装与一致性校验。
gluestack-ui-v5
为 gluestack-ui v5（Tailwind CSS v4、NativeWind v5 / UniWind）提供约束性样式规范的技能，强调语义化令牌、组件属性优先与可组合子组件，减少决策疲劳并统一主题。
reactome-database
Reactome 数据库查询技能，封装 Reactome 分析服务与内容服务，用于通路富集分析、标识符映射、反应详情、通路层级导航、图表导出、交叉引用与搜索。
react-vite-dashboard
把 Stitch 设计稿转换为生产级 React + Vite 仪表盘的前端技能，技术栈为 React 18、TypeScript、TanStack Query、React Router，并可选接入 ethers v6 或 viem 读取链上数据，强调 DESIGN.md 设计令牌一致性与 Web3 仪表盘规范。
site-md
site-md 是一个面向 Stitch Build Loop 的技能，用于分析项目描述或站点需求，生成作为项目章程的 .stitch/SITE.md 文件，帮助编码智能体在多次迭代中保持范围、视觉风格与导航流程一致。
google-cloud-global-frontend-configuration
面向智能体的 Google Cloud 全球外部应用负载均衡配置技能，通过 6 步发现流程帮助设计并部署负载均衡器，并集成 Cloud CDN、Cloud Armor 与 Service Extensions。
ima-dai-sdk
将 Google IMA 动态广告插入（DAI）SDK 集成到网站、Web 应用、移动应用或电视应用中，用于加载 HLS 或 DASH 流并播放 Google Ad Manager 中配置的直播活动或点播内容。
ima-sdk-basics
Google IMA SDK 基础技能，用于在网站、应用、电视等平台进行客户端视频与音频广告插入，从符合 VAST 的广告服务器请求广告并管理广告播放。
ima-sdk-client-side
面向客户端视频与音频广告插入的 IMA SDK 技能，覆盖 Web、Android、iOS、tvOS 等平台的接入流程，包括初始化、广告请求、加载结果处理、播放事件监听与资源清理。
wechat-miniprogram-skill
面向原生微信小程序（JavaScript）开发的专家指南，优先关注性能、代码体积与原生兼容性。适用于开发微信小程序时参考，明确不使用 TypeScript、Taro、Uni-app 等跨平台框架。
k6-perf-test-website
k6-perf-test-website 是一个用 k6 对公开网站做端到端性能、负载与压力测试的技能，产出一套含协议与浏览器场景的混合测试工程、SLO 阈值、负载机监控和 Markdown 报告。
plugin-bundle-size
Grafana 官方技能，用于优化 Grafana 应用插件的打包体积。通过 React.lazy、Suspense 与 webpack 代码分割，把 module.js 从 MB 级降到约 200 KB 以下，并按风险等级分步实施。
react-19-plugin-migration
面向 Grafana 插件的 React 19 兼容迁移技能，来自 grafana/skills。用于在 Grafana 13 升级到 React 19 前，让插件保持向前兼容：更新 create-plugin 脚手架、外置 jsx-runtime、升级依赖、修复源码与 ESLint 9 配置，并完成构建、类型检查与测试。
motion
Motion 是面向 JavaScript、React 和 Vue 的开源动画库，提供简洁 API、手势、弹簧、布局过渡、滚动联动与时间线等能力，基于 JavaScript 与浏览器原生 API 的混合动画引擎，支持 GPU 加速，具备 TypeScript、可摇树构建与较小体积。
tailwindcss
Tailwind CSS 是一个实用类优先（utility-first）的 CSS 框架，用于快速构建自定义用户界面。它不再依赖手写自定义 CSS，而是通过在 HTML 标记中直接组合实用类来构建设计。本技能基于 Tailwind CSS v4.1.18（生成于 2026-01-28）。Tailwind v4 引入了 CSS 优先的配置方式，使用主题变量（theme variables）让设计系统的定制更简单。其内容涵盖安装（Vite、PostCSS、CLI 和 CDN）、实用类、主题变量、响应式设计、变体、Preflight 基础样式，以及布局（显示、Flexbox、Grid、宽高比、多列）、定位、尺寸、间距、溢出、图像与视频适配、表格、变换（平移、旋转、缩放、倾斜）、排版、视觉（背景、边框、阴影、SVG）、过渡与动画、可见性与交互、表单控件、滚动吸附、深色模式、从 v3 升级到 v4 的迁移指南、自定义样式与函数指令、内容检测等主题，并提供常用模式与关键建议等最佳实践。
chat-ui
chat-ui 是来自 ui.inference.sh 的 React/Next.js 聊天界面构建组件集，提供聊天容器、消息气泡、输入框、打字指示器和头像等基础模块。组件基于 Tailwind CSS 与 shadcn/ui 设计令牌，可通过 shadcn CLI 一键安装，适合快速搭建 AI 对话界面。
widgets-ui
widgets-ui 是一套面向 React/Next.js 的声明式 UI 组件方案，来自 ui.inference.sh，目标是把结构化数据（JSON）直接渲染为丰富的交互界面。它通过一个 WidgetRenderer 组件接收 Widget 对象，用 children 嵌套描述布局、排版、表单控件与展示元素，并支持表单提交和数据回传。适合用于智能体或后端返回结构化响应后，前端无需手写组件即可生成界面，例如表单收集、航班信息卡片等场景。
heroui-native
HeroUI Native 是面向 React Native 的移动端组件库，基于 Uniwind（React Native 版 Tailwind）构建，提供可访问、可定制的 UI 组件，适用于 iOS 与 Android 应用开发。
heroui-react
HeroUI v3 是基于 Tailwind CSS v4 与 React Aria Components 的 React 组件库，提供可访问、可定制的 UI 组件。本技能用于按 v3 规范构建按钮、弹窗、表单、卡片等界面，并指导安装、主题与组件文档查询。
preline-theme-generator
Preline 主题生成技能：通过内置本地脚本生成、预览、保存或校验 Preline 主题 CSS，适用于创建新主题、匹配品牌色或生成暗色主题等需求。
huawei-cloud-obs-website-host
用于配置华为云 OBS 静态网站托管的技能：通过 OBS Python SDK 启用或修复网站托管、设置索引与错误文档、绑定自定义域名并验证访问，可排查 403、404 与 DNS 问题。
narrow-react-prop-types
该技能用于在 React 组件因 story、mock、测试或演示而被放宽 props 类型后，依据真实运行代码路径收窄组件 prop 类型，使类型只描述实际会进入的状态，并让 story、测试与 mock 去适配更严格的契约。
shadcn-svelte
shadcn-svelte 是面向 Svelte 的 UI、组件与设计系统框架，组件通过 CLI 以源码形式加入用户项目。本条目整理其组件管理、导入约定、CLI 用法及组合与样式规则。