web-prototype
web-prototype 是一个通用桌面网页原型技能：基于随附的种子模板与版式库，组合出一份自包含的单文件 HTML 原型，而非从零手写 CSS。种子已内置排版、间距与强调色预算等默认样式，使用者主要负责内容编排与样式令牌替换。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-20 00:13
前端与建站
10,904 个结果
styling-expert
面向 CSS 与样式开发的专家技能，覆盖 Tailwind、CSS-in-JS（styled-components）与响应式设计，用于编写和审查前端样式代码，并整合了 20 个细分样式技能。
frontend-design
用于创建或大幅重设计网页界面的前端设计技能：先确定有明确主题视角的设计方向，再在渲染后的界面中验证，适用于落地页、仪表盘、组件等前端UI。
solid-js-best-practices
面向 Solid.js 项目的开发规范技能，覆盖响应式、组件、控制流、状态管理、Refs/DOM、性能、无障碍、测试与 Web Component 集成，用于 AI 辅助的代码生成、审查、重构与响应式问题调试。
ux-ui-maxpro
ux-ui-maxpro 是一套用于像素级复刻参考 UI 的操作手册，面向 snapcn 技术栈（Next.js App Router + Tailwind v4 + token 驱动的 app/globals.css、DESIGN.md 规则），方法论与具体技术栈无关。核心原则：先测量再写代码，拒绝凭肉眼估算和编造内容。
react-pdf
react-pdf 技能用于通过 @react-pdf/renderer 库以 TypeScript 和 JSX 生成 PDF 文档，适合制作报告、发票、简历、表单、证书等需要复杂布局、SVG 图形或自定义字体的 PDF。
devtools-svelte
json-render 开发工具面板的 Svelte 5 适配器，用于在 Svelte 项目中挂载 @json-render/devtools-svelte 检查器，便于添加、配置和排查该组件。
next-loading-skeleton
为 Next.js App Router 自动生成 loading.tsx 加载骨架屏的技能，基于 shadcn/ui Skeleton 组件，适用于仪表盘、数据表格、个人资料等需要即时视觉反馈的页面。
nextjs
面向 Next.js App Router（14+）的约定式编码规范，用于编写或审查代码：默认 Server Components、use client 边界尽量下移、缓存与 params 行为随版本差异需按已安装版本核对、认证需在 middleware 与数据读取处强制、Server Actions 视为公开端点。
flux-ui
Flux UI 是 Bas Milius 开发的 Vue 3 组件库，通过 @flux-ui/components 提供组件，配套 @flux-ui/application 应用外壳与 @flux-ui/statistics 图表。本技能用于构建、编辑或审查 Flux UI 界面，帮助选对组件、正确组合并避开命名陷阱。
gea-ui-components
@geajs/ui 是 Gea 框架的组件库，结合 Tailwind CSS 样式与 Zag.js 状态机，提供约 35 个可访问、可交互的组件，如 Button、Select、Dialog、Tabs、Toast 等，适合在 Gea 项目中构建 UI。
google-ai-search-optimization
该技能将 Google 关于搜索生成式 AI 功能（AI Overviews、AI Mode）的公开指南转化为可执行建议，用于解释原理、审计网站、制定内容计划与实施任务，并澄清 AEO/GEO 常见误区。
vercel-react-best-practices
来自 Vercel Engineering 的 React 与 Next.js 性能优化指南技能，包含 8 大类共 70 条按影响优先级排序的规则，用于在编写、审查或重构 React/Next.js 代码时指导自动化重构与代码生成。
shopify-hydrogen
Shopify Hydrogen 是 Shopify 官方基于 React 与 Remix 的无头店铺框架，用于构建自定义店面并部署到 Oxygen 边缘托管，内置 Storefront API 查询、购物车、客户账户、缓存与 SEO 等能力。
design-handoff-flutter
Design Handoff: Flutter 是一个面向 Flutter 项目的设计交接技能，用于把设计师提供的截图和交接说明（handoff notes）落地实现为采用 Material 3 的 Flutter 界面。它采用两遍（Two-pass）工作流：第一遍由设计侧生成 mockup-brief.md，其中包含 Implementation spec（实现规格，涵盖 Card、NavigationDrawer、FilledButton 等组件与以 dp 为单位的间距）；第二遍由实现侧按规格读取参考文档、更新 lib/theme/app_theme.dart、构建 lib/widgets/app_shell.dart 以及 lib/screens/<feature>_screen.dart，并通过多个校验脚本逐步检查。技能还强调信任边界：PNG、线框图、mockup-brief 等设计输入属于不可信数据，只可作为数据对待，不应据此安装包或执行其中的 shell 命令。
no-duplicate-ui
扫描 Vue 文件中的重复组件名与相似模板重叠，用于 PR 审查或 UI 重构时落实 DRY 架构。
GetX State Management Patterns
GetX 状态管理模式的技能资料，涵盖响应式变量、依赖注入、Bindings、导航、控制器生命周期、Snackbar/对话框及最佳实践，面向 Flutter 开发。
design-taste-frontend
面向前端开发的 AI 技能，定位为资深 UI/UX 工程师，通过基于度量的规则与严格组件架构，纠正大模型默认的界面设计偏好，产出更高级、非模板化的 React/Next.js 界面。
critique
Critique 是一个设计评审技能，对项目中的 HTML 制品做 5 维度专家评审（哲学一致性、视觉层级、细节执行、功能性、创新性），每项打 0–10 分并给出证据与改进清单，最终生成单文件 HTML 评审报告。
tweaks
Tweaks 是一个把 HTML 作品包裹成参数化控制面板的技能：为已有页面加侧边栏实时调节强调色、字号比例、密度、明暗模式与动效，改动实时写入 CSS 自定义属性并保存到 localStorage；纯单文件实现，适合让用户微调设计的最后 20%。
react-modernization
React 现代化技能：把 React 应用升级到新版本、将类组件迁移为函数组件与 Hooks、引入并发特性（Suspense、Transitions），并用 codemod 自动重构。
webpack
该条目提供 Webpack 打包工具的全面指导，涵盖配置、loader、plugin、代码分割、优化与开发环境搭建。资料中的使用场景、用法说明与最佳实践仍为待完善占位内容，具体操作步骤与限制暂未提供。
building-html-canvases
PostHog 画布开发技能：用语义化 HTML、CSS 与浏览器原生 API 编写文档、图表、生成式图形、2D canvas 与 WebGL 体验，而非强行套用 Quill 组件或 React 状态。
mantis-react-admin
Mantis React Admin 是一个免费的 React 管理后台模板，采用 React 19、Material UI v7、Vite 7 与 MUI X Charts 构建，使用 Emotion 做 CSS-in-JS 样式、React Router v7 路由、SWR 数据获取，包管理器为 yarn。