vantajs
Vanta.js 是一个用于添加动画 WebGL 背景效果的技能，适用于在网页 hero 区域等位置快速实现装饰性动态背景，支持静态站点及 React/Vue 等框架集成。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-03 00:11
前端与建站
11,402 个结果
web-technique-to-skill
web-technique-to-skill 是用于把已经做出来并运行正常的网页视觉或交互技法，提炼成一个可复用 web-design skill 的工作流规范。它要求先写出机制一句话，分离机制与舞台布置，保留真实数字与踩坑经验，并在浏览器中验证演示效果。
webgl-3d-object
一个用于在网页中创建真实 3D WebGL 物体的技能，基于 Three.js 实现几何网格、PBR 材质、方向光与环境光、透视相机和细微旋转动画，适合英雄区或产品展示中的单个 3D 物体。
expect
Expect 是一个面向代码修改验证的浏览器测试技能：在声称改动可用前，必须先在真实浏览器中取得证据。适用于编辑 .tsx/.jsx/.css/.html、React 组件、页面、路由、表单、样式或布局，以及测试、验证、QA、找 bug 等场景。
react-doctor
React Doctor 是一款扫描 React 代码库的命令行工具，可检查安全、性能、正确性与架构问题，并输出 0–100 健康分。支持变更范围扫描、UI 设计审计、运行时性能追踪与规则配置，适合在提交前做回归检查或整体清理。
alpine-js
Alpine.js 轻量级响应式交互开发指南，涵盖指令、组件模式、与 Tailwind CSS、Laravel/Livewire 及 Ghost CMS 的集成方式，并给出性能、代码组织与无障碍方面的最佳实践。
css
CSS 开发最佳实践指南，涵盖现代布局（Flexbox、Grid）、BEM 命名、CSS 变量与主题、响应式设计、可维护的样式表架构，以及性能、兼容性与无障碍要点。
framer-motion
面向 React 与 TypeScript 的 Framer Motion（现名 Motion）动画开发指南，强调性能优先、正确导入方式、变体与手势动画、无障碍与调试实践。
front-end-developer
面向 ReactJS、NextJS、JavaScript、TypeScript、HTML、CSS 及 TailwindCSS、Shadcn、Radix 等现代 UI/UX 框架的高级前端开发技能，强调先规划后编码、代码完整可运行、可读性优先并兼顾无障碍。
html
面向语义化 HTML 标记、文档结构、表单、无障碍属性与现代 HTML 最佳实践的开发规范，可作为编写 HTML 代码时的参考指南。
htmx
一份面向 HTMX 的开发规范技能，介绍用 HTML 属性实现动态交互、尽量少写 JavaScript 的准则，涵盖请求属性、DOM 操作、URL 管理等要点与最佳实践。
lottie
面向 Web 的 Lottie 动画实现指南，强调性能优化。核心是优先使用 .lottie（dotLottie）格式，配合 @lottiefiles/dotlottie-react 或 dotlottie-web 使用，涵盖懒加载、渲染器选择、交互、无障碍与清理等实践。
nextjs-react-typescript
面向 TypeScript、Node.js、Next.js App Router、React、Shadcn UI、Radix UI 与 Tailwind 的专家型技能规范，提供代码风格、命名、类型、语法、UI 样式、性能优化与关键约定的编写指导。
react-query
面向 React 应用的 React Query（现 TanStack Query）使用规范，涵盖数据获取、缓存与服务端状态同步，包含查询、变更、乐观更新、分页、无限滚动、错误处理与性能优化等实践。
scss-best-practices
SCSS/Sassy CSS 最佳实践与编码规范，用于编写可维护、可扩展的样式表，涵盖 7-1 文件架构、变量与映射、mixin、函数、BEM 命名、嵌套规则、循环生成工具类及性能建议。
tailwindcss
TailwindCSS 技能：面向 TailwindCSS 工具类优先样式的专家能力，强调响应式设计与组件样式，覆盖 React/Next.js、Vue、Alpine.js 集成及移动优先的响应式实践。
vuejs-typescript-best-practices
一份面向 Vue.js 与 TypeScript 应用的开发最佳实践技能，覆盖 Vite、Vue Router、Pinia、VueUse、Headless UI、Element Plus 与 Tailwind CSS，强调性能优化、代码风格与性能指标优化。
frontend-dev
frontend-dev 是一个前端开发技能，通过编排设计工程、动效系统、AI 生成素材、说服性文案与生成艺术五类能力，构建完整可上线的前端页面。以 /frontend-dev <request> 方式调用，支持 React/Next.js、Vue/Nuxt、Svelte、Astro 与纯 HTML。
react-native-dev
React Native 与 Expo 开发指南，覆盖组件、样式、动画、导航、状态管理、表单、网络、性能优化与部署，适合构建可上线移动应用。
antislop-human
antislop 系统的人类与无障碍技能，聚焦对比度、键盘、焦点与状态，帮助 AI 编码代理构建对低视力、键盘及移动端用户可用的界面，并内置对比度检查器（公式、参考表与脚本）。
nextjs-cache-architecture
用于在 Next.js 16+ App Router 项目中设计与实现缓存架构的技能，指导配置 cacheComponents、建立标签注册表与重验证工具、放置 "use cache"、划分 Suspense 边界并连接突变失效逻辑。
mosaic-frontend-patterns
中文介绍正在整理，稍后补充。
react-best-practices
中文介绍正在整理，稍后补充。
threejs
用于开发 Three.js 三维网页应用的技能包，面向 WebGL/WebGPU 场景、动画、自定义着色器、PBR 材质、VR/XR 体验、游戏与数据可视化等任务。