labs-quickstart
Convex Labs 快速上手技能：用一句话生成可运行的 Next.js + shadcn 应用骨架，预置 passkey 登录与 Chef 反馈面板，并可发布到公开的 *.convex.app 地址。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-28 00:17
前端与建站
11,241 个结果
migrate-breadcrumb-list
将 Sentry 页面导航面包屑从旧组件 sentry/components/breadcrumbs 迁移到 @sentry/scraps/breadcrumbList 的技能，把原本一个扁平数组拆分为 TopBar 的 breadcrumbs 与 title 两个插槽，并处理 preservePageFilters、标题项与测试等迁移细节。
frontend-dev-guidelines
面向 React/TypeScript 应用的前端开发规范，涵盖 Suspense、懒加载、useSuspenseQuery、文件组织、MUI v7 样式与性能优化等现代模式，用于创建组件页面、新功能、数据获取、路由与代码整理。
remotion
Remotion 是一个用 React 以编程方式创建视频的技能/工具，涵盖合成、动画、时间控制、音视频、字幕与 3D 等主题，适合制作程序化视频与动画。
frontend-specialist
Frontend Specialist 是一个面向现代 Web 应用的前端开发智能体，支持 React、Vue、Next.js 与响应式 UI/UX，覆盖组件开发、性能优化、状态管理与测试等任务。
gluestack-ui-v4
为 gluestack-ui v4 提供约束性、约定式样式规范的技能，通过统一设计模式减少决策负担、提升性能并保持主题一致性；同时作为主入口协调设立、组件、样式、变体、性能与校验等专项子技能。
consulting-chart
根据公开资料，consulting-chart 是“공냥이 시각 콘텐츠 스킬”中的咨询图表功能，可用 HTML/CSS 生成咨询风格的 960x500 数据图表 PNG，支持条形图、对比表、A vs B、流程、时间线等类型，并遵循麦肯锡/贝恩/BCG 风格的灰度加红色强调设计。
framer-motion
面向 React 的 Framer Motion（包名 motion）动画模式参考，涵盖过渡、variants、布局动画、AnimatePresence 进出场、手势、滚动动画与性能优化等用法。
graphy
Graphy 是一个与渲染器无关的图表库，可通过 @graphysdk/viz-engine 与 @graphysdk/react-canvas-renderer 集成到 React 应用中，底层使用 Pixi.js 的 WebGL/Canvas 渲染。它提供声明式的 GraphConfig API，用纯 JSON 结构描述要绘制的图表，渲染器内部自动编译，无需手动调用编译器。该技能可被模型自动识别调用，也可通过 /graphy 或 /graphy:sdk 显式触发。使用前需满足 React 19+、Node 20+、可运行 Pixi.js 的现代浏览器，并需要 Graphy 提供的 npm 访问令牌（两个 SDK 包为私有包）。安装时需配置私有仓库认证，然后安装 @graphysdk/viz-engine、@graphysdk/react-canvas-renderer 及 peer 依赖 pixi.js。渲染时通过 <GraphRenderer> 组件挂载到自有的 Pixi Application 的 stage 上，支持主题、像素比、格式化区域等属性。当前支持的图表类型包括折线、面积堆叠、条形、条形堆叠、条形堆叠填充、柱状、柱状堆叠、柱状堆叠填充、饼图、环形图、散点图、气泡图和组合图；漏斗图、热力图、瀑布图、Mekko 图和表格尚未实现。
performance-optimization
一个面向应用性能分析与优化的技能，提供算法、数据库、前端、包体积、缓存与内存等场景的生产级示例、参考指南和模板，用于排查瓶颈并提升速度。
visual-review
visual-review 是一个只读的代码审查辅助技能：把 GitHub Pull Request 的 diff 渲染成自包含 HTML 页面，在每个改动块旁标注所涉及的软件设计原则与简化建议，供你在浏览器中浏览后再自行决定如何在 PR 上评论。
doc-reader
doc-reader 是一个通用文档读取工具，可按文件扩展名自动分派解析器，将 PDF、Word、Excel、PowerPoint、图片 OCR、CSV/TSV、纯文本、JSON/YAML 等配置文件、HTML/XML 标记及源码文件统一提取为文本，并以单一 JSON 结构返回。
flutter-riverpod-state-management
面向 Flutter 的 Riverpod 3.x 响应式状态管理技能，强调使用 @riverpod 代码生成定义 provider、构建 AsyncNotifier，并遵循不可变状态、ref.watch/listen/read 分工与测试覆盖等规范。
nextjs-testing
面向 Next.js 项目的测试技能：用 Jest 或 Vitest 搭配 React Testing Library 编写单元测试，用 Playwright 编写 E2E 测试，并用 MSW 模拟 API 边界。
reflex-usage
面向 Reflex 管理后台、用户门户与运营控制台的技能，提供侧边栏加内容区的经典管理界面构建模式，强调信息层级优先、视觉打磨其次，并给出模板初始化、布局规则、样式复用与模块拆分建议。
modern-react
面向 React 19.x 的实践技能，汇总现代写法、迁移映射与常见反模式，覆盖新 Hooks、Actions 与表单、Server Components 及 19.2 新特性，适合编写、评审、重构和迁移 React 代码时参考。
uniwind
Uniwind 是面向 React Native 的 Tailwind CSS v4 实践指南技能，覆盖安装配置、主题、样式、Pro 特性与 HeroUI Native 集成，用于编写、审查和修复 Uniwind 代码。
tailwind-core-design-system
Tailwind CSS 核心设计系统技能，用于在 Tailwind 项目中选取间距、颜色、字号、断点与透明度等设计令牌，并对比 v3 与 v4 的配置差异。
tailwind-syntax-utility-classes
Tailwind CSS 基础工具类速查技能，覆盖间距、颜色、排版、布局、Flexbox、Grid、尺寸、边框、背景与特效十大类，并标注 v4 相对 v3 的破坏性变更，如阴影刻度位移、透明度工具移除、渐变与 flex 简写改名等。
webgpu-syntax-render-pipeline
WebGPU 渲染管线创建技能，用于配置顶点缓冲、片元目标、混合、图元拓扑与深度模板状态，避免管线创建校验错误。
chat-ui
来自 ui.inference.sh 的 React/Next.js 聊天界面构建块，提供容器、消息、输入框、打字指示器、头像等组件，基于 Tailwind CSS 与 shadcn/ui，可通过 npx 命令安装。
animate
面向 React/Next.js 营销站点的页面动画技能，主张 CSS 优先、Motion 精准使用：约八成动画用纯 CSS 与 IntersectionObserver 实现，仅在退出动画、共享元素过渡、手势、布局动画等 CSS 无法胜任的场景才引入 Motion。
remotion-best-practices
Remotion 最佳实践技能，为在 React 中编写 Remotion 视频代码提供领域知识与规则参考，涵盖动画、音视频、字幕、图表、3D、字体、转场等主题，按需加载对应规则文件。
frontend-design
该技能用于指导创建独特、达到生产级水准的前端界面，避免常见的“AI 味”审美。用户提供前端需求（组件、页面、应用或界面）及其用途、受众或技术约束后，技能先引导进行设计思考：明确要解决的问题与使用者、选定鲜明甚至极端的美学基调（如极简、复古未来、奢华、编辑杂志风、粗野主义、工业实用等）、梳理框架与性能无障碍等技术约束，并确定让作品令人难忘的差异化点。随后实现可运行的代码（HTML/CSS/JS、React、Vue 等），要求功能可用、视觉醒目、风格统一且细节讲究。美学指南涵盖：排版选用独特字体并搭配展示字体与正文字体、避免 Arial/Inter 等通用字体；用 CSS 变量统一色彩主题，主色配锐利点缀；用动画与微交互营造效果，HTML 优先纯 CSS，React 可用 Motion，重视页面加载的编排式揭示；空间构成上采用非对称、重叠、斜向、打破网格的布局；背景与视觉细节使用渐变网格、噪点纹理、几何图案、层叠透明、戏剧化阴影、装饰边框、自定义光标等营造氛围。要求避免通用 AI 审美（如常见字体、紫渐变白底、可预测布局），根据语境做多元变化，并让实现复杂度与美学愿景匹配。