ai-web-apps
用于在 Next.js + Vercel AI SDK 上设计或构建 AI 增强型 Web 应用的技能，涵盖流式对话、工具调用、RAG、多模态输入与 MCP 工具，产出模块门控、令牌账本、供应商抽象与输出护栏四类交付物。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-26 00:15
前端与建站
11,098 个结果
pwa-offline-first
PWA Offline-First 是一套面向离线优先渐进式 Web 应用（PWA）的开发技能，涵盖 Service Worker 生命周期、Workbox 缓存策略、通过 Dexie.js 使用 IndexedDB、用于排队写入的 Background Sync、Web Push 通知、Lighthouse 门槛以及 Next.js PWA 集成。适用于必须在 EDGE/2G 或间歇性网络连接下工作的应用。技能由 Peter Bamuhigire 分享，包含工具与测试参考、Safari/WebKit 27 PWA 检查清单，并产出离线旅程与恢复测试包。
website-design-proposal-strategy
用于网站、电商、门户、落地页或 Web 前端类提案的策略技能，帮助对齐 UX、内容、SEO、技术选型与商业价值，并按需求与交付驱动因素而非页数计价。
frontend-dev-agent
前端开发 Agent，面向 UI 实现、组件构建、交互设计与性能优化，侧重用户体验、可访问性和可维护性，兼容 Claude Code、Cursor、Codex CLI、Gemini CLI 等运行时。
graphql-apollo-client
在 React 应用中集成 Apollo Client 的技能，涵盖 useQuery、useMutation、useSubscription、useLazyQuery 等 Hooks，以及缓存、乐观更新和实时订阅等核心模式。
pmndrs-viverse
用于构建、修改、调试或发布 VIVERSE 平台上的 Three.js 与 React Three Fiber 网页游戏和 3D 应用，提供 @pmndrs/viverse、@react-three/viverse、VIVERSE SDK 及角色、物理、动画实现与发布参考资料。
placing-product-frontend-code
该技能用于判断 PostHog 前端文件应放在 products/<name>/frontend/ 还是 frontend/src/scenes/<name>/，并解释这一目录边界为何真实存在。它提供只读检查脚本与决策表，帮助开发者迁移产品 UI、避免新建不应存在的 scenes 目录。
prisma-cli-deploy-nextjs
面向智能体的 Prisma CLI 技能，用于在 Prisma Compute 上部署 Next.js 应用。适用于用户要求部署 Next.js 应用、使用 prisma-cli app deploy 完成首次部署的场景，仅覆盖 Next.js 路径。
nuxt-ui
Nuxt UI 是基于 Reka UI、Tailwind CSS 与 Tailwind Variants 构建的 Vue 组件库，提供 125+ 可访问组件，支持 Nuxt、Vue（Vite）、Laravel（Inertia）和 AdonisJS（Inertia），可用于搭建界面并定制品牌主题。
spiral-html
spiral-html 为长期产品开发建立或审计以 HTML 为主的项目台账，记录需求覆盖、进展、待决问题、后续事项、依赖和体验验收条件，供持续开发流程读取与更新。
archify
Archify 可将类型化 JSON 规格生成独立、可探索的交互式 HTML 架构/工作流/时序/数据流/生命周期图表，内联 SVG 并支持深浅色主题，默认输出静态图。
fizzy
Fizzy 命令行技能，用于管理 Fizzy 看板、卡片、步骤、评论与表情回应。适合需要通过 CLI 批量查看、创建、搜索和整理任务的用户。
site-teardown
该技能用于逆向分析网站并生成完整搭建蓝图：解析HTML结构，抓取并提取站点JS/CSS中的动画与交互代码，梳理技术栈、设计系统、逐节实现细节与搭建顺序，输出可供在新会话中复刻站点的Markdown文档。
bambuser-live
Bambuser Live 网页播放器（Web Embed）的客户端集成技能，用于在已有 UI、商品查询、购物车和心愿单的宿主项目中接入 Bambuser 直播购物播放器。内容涵盖店面嵌入、购物车桥接、商品数据填充（hydration）、心愿单、迷你播放器与 SPA 导航，以及 player.configure / Player API 的外观配置。核心思路是保持 Bambuser 相关代码尽量薄，把购物车、商品、心愿单逻辑留在宿主项目内，通过适配器（BambuserLiveAdapters）对接。适用于需要在自有电商前端嵌入直播购物播放器的场景。
react-router
面向 Vite 单页应用与 Convex 后端的 React Router v7 Data Mode 实践指南，涵盖路由导航、嵌套路由、URL 参数、懒加载与受保护路由等用法。
code-showcase-react-ui-patterns
面向 React 的现代 UI 模式技能，聚焦加载状态、错误处理与数据获取，适用于构建 UI 组件、处理异步数据和管理界面状态。
Tailwind CSS
Tailwind CSS 是一个实用优先（utility-first）的 CSS 框架，用于快速构建自定义用户界面。它通过组合原子化类名实现布局、响应式、暗色模式与交互动效，并支持在配置文件中扩展主题。
astro-components
astro-components 是一个用于 Astro 落地页与线索获取（lead generation）站点的 UI 组件库技能，提供按钮、表单、卡片、徽章等可复用组件。它依赖 design-tokens 技能，所有样式均通过设计令牌实现，不允许硬编码颜色或间距；令牌缺失时会直接报构建错误。组件遵循移动优先原则，交互元素最小触达区域为 44px，且不引入任何外部依赖，仅使用纯 Astro 加 Tailwind。该技能不处理页面区块、布局或业务逻辑，仅负责组件的渲染。
electron-sveltekit
用于构建 Electron 跨平台桌面应用并结合 SvelteKit 现代 UI 层的技能，涵盖主进程与渲染进程、类型安全 IPC、原生系统功能、自动更新与打包分发等模式。
graffiti-best-practices
Graffiti Best Practices 是一个面向 Graffiti CSS 系统的技能，用于生成或重构类优先、语义化、可访问且响应式的 Graffiti UI 标记，并强调遵循现有类与令牌，而非另建样式系统。
syncfusion-wpf-ui-builder
Syncfusion WPF UI Builder 是一个面向 WPF 桌面的控件生成技能，通过 8 个阶段引导 AI 代理生成基于 Syncfusion WPF Controls 的可用界面。它同时生成 XAML 界面与 C# 后端逻辑，采用 MVVM，支持可访问性与 DPI 布局，但不生成真实数据库、第三方 API 与认证基础设施。
build-with-tambo
Build with Tambo 是一项面向已有 React 项目的集成技能，目标是在保留原有代码模式的前提下把 Tambo 接入现有代码库。它会先根据 package.json 与项目结构探测技术栈，识别 Next.js、Vite、Create React App 等框架，以及 TypeScript、Tailwind、Zod、Yup、Joi 等配置，随后与用户确认安装方案。集成步骤包括安装 @tambo-ai/react 及必要的依赖（如未安装 Zod 时补充 zod）、按框架创建 TamboProvider 配置（提供 App Router、Pages Router、Vite/CRA 示例）、建立组件注册表，并通过 useTambo 做连通性验证。该技能还提供组件、组件渲染、线程与输入、工具与上下文、CLI 参考、把现有 React 组件加入注册表等专题参考，覆盖生成式与可交互组件、流式属性、加载状态、持久状态、会话与建议、语音输入、图片附件、线程切换、自定义工具、MCP 服务器、上下文助手与资源等方向。适用于需要把 Tambo 融入既有 React 应用（含 monorepo、使用 CSS 模块或非 Zod 校验库）的场景；全新应用则应使用 generative-ui 技能。遇到疑似 Tambo 缺陷时，技能建议按模板提交 GitHub issue 并先经用户确认。
design-audit
design-audit 是一个面向前端代码的技术质量审计技能，用于系统性地检查可访问性、性能、响应式设计、主题化与反模式五个维度，并生成带评分的报告。它只记录问题、不修复问题，将发现按 P0-P3 严重级别标注，供其他命令后续处理。该技能强调这是代码层面的审计而非设计评论，只检查实现中可测量、可验证的内容。使用前会读取 minoan-frontend-design 技能中的反模式指南与评分标准，并参考项目上下文文件与忽略列表。每个维度按 0-4 分评分，总分 20 分，并给出评级区间：18-20 优秀、14-17 良好、10-13 可接受、6-9 较差、0-5 严重。报告包含审计健康评分表、反模式判定、按严重级别分类的发现、系统性问题、正面发现与建议操作。
vellum-editorial
Vellum Editorial 是一套用于搭建编辑型文档站点的设计系统与脚手架技能。它提供暖色羊皮纸与深色星空两种主题变体，基于 OKLCH 色彩体系，采用 Bodoni Moda／Source Serif 4／Inconsolata 三字体排版层级，内含 35 个语义化组件，输出零构建步骤的静态 HTML。站点通过脚手架脚本生成，包含 CSS、起始 HTML、OG／Twitter 社交元标签、明暗主题切换，并可选客户端认证门与氛围音频播放器。默认可生成 _headers（Cloudflare Pages 安全响应头）与 robots.txt。页面字体从 Google Fonts 加载，图标来自 Phosphor Icons CDN，可部署至 Cloudflare Pages、GitHub Pages 或任意静态托管。