vercel-react-view-transitions
基于浏览器 View Transition API 的 React 视图过渡技能，用 <ViewTransition> 声明动画对象，配合 startTransition、useDeferredValue 或 Suspense 触发路由切换、共享元素、列表重排与进出场动画，不支持的浏览器会优雅降级。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-31 00:15
前端与建站
11,327 个结果
scimax
scimax 是面向 scimax-vscode 扩展的技能，通过 scimax CLI 管理 org-mode 笔记、议程、任务、日志、引用与发布，并充当执行助理主动提示优先级与后续跟进。
frontend-dev
一个与技术栈无关的前端开发工作流技能，指导组件化、状态管理、测试与部署，并编排 react、typescript、a11y 等专项技能。适用于构建、重构或扩展前端应用。
html
面向 AI 智能体的 HTML 技能，指导编写语义化、可访问的现代 HTML 标记与文档结构，涵盖语义元素、标题层级、按钮与链接区分、必要的 meta 标签及表单与图片规范。
mui
MUI（Material UI）React 组件库技能，覆盖 v5+ 组件、主题定制、sx prop 与无障碍模式。适用于使用 MUI 组件、实现主题或创建自定义组件的场景。
uxspec
UXSpec Builder 是一个用于创建 .uxspec.json 文件的交互式工作流技能，把状态机与视觉规格统一为 JSON 格式，供 AI 智能体使用。当用户想创建、搭建或生成 uxspec 文件时触发，按需求收集、状态机设计、令牌与视觉、运行时语义、生成与验证五个阶段推进。
actorkit-tanstack-start
actor-kit 与 TanStack Start/Router 的集成技能，用于在 Cloudflare Workers 上构建服务端渲染、实时的有状态应用。内容涵盖路由 loader、服务端函数、SSR 到 WebSocket 的水合流程、JWT 认证、Durable Objects 绑定配置以及 Playwright 端到端测试。适合新建或为现有 TanStack Start 项目接入 actor-kit 状态机，实现多客户端实时同步。
verify-ui
verify-ui 是一个用于在报告完成前，通过浏览器自动化截图来目视验证 CSS、布局或视觉改动的技能。它要求先自己检查页面效果，而不是让用户刷新确认，适用于 Web 应用的视觉变更验证。
firebase-app-hosting
Firebase App Hosting 配置、部署与排错指南，面向 Next.js、Angular 等框架。涵盖 apphosting.yaml 编写、环境变量与密钥、Cloud Run 参数调整、依赖分类及常见生产环境错误排查。
md2wechat
md2wechat 是一个把 Markdown 转换为微信公众号 HTML 的命令行工具，可生成预览、上传草稿、生成封面与信息图，并创建图文消息（小绿书）。草稿上传需配置 WECHAT_APPID 与 WECHAT_SECRET。
react-best-practices
面向 React 与 Next.js 应用的性能优化规则集，包含 8 大类共 57 条按影响优先级排列的规则，覆盖瀑布消除、打包体积、服务端与客户端数据获取、重渲染、渲染性能、JavaScript 性能及高级模式，适合用于审查、重构与代码生成参考。
mengtofrontend
MengToFrontend 是一个落地页上线前质量审查技能，依据 Meng To 的前端设计清单，帮助识别并修正通用 AI 生成页面的视觉问题，如排版、图片、层级与文案。
nuxt
Nuxt 是一个全栈 Vue 框架，提供服务器端渲染（SSR）、基于文件的路由、自动导入和强大的模块系统，并使用 Nitro 作为服务端引擎，支持在 Node.js、无服务器和边缘平台上进行通用部署。本技能基于 Nuxt 3.x，生成于 2026-01-28，涵盖目录结构、配置、CLI 命令、路由、数据获取、模块、部署、组合式函数自动导入、组件自动导入、内置组件、状态管理、服务端路由、渲染模式、最佳实践以及 Layers、生命周期钩子、模块编写等进阶主题，适用于开发 Nuxt 应用、服务端路由、useFetch、中间件或混合渲染等场景。
pinia
Pinia 是 Vue 官方推荐的状态管理库，主打直观易用与类型安全，同时支持 Options API 和 Composition API 两种写法，并提供完善的 TypeScript 支持与开发者工具集成。本技能基于 Pinia v3.0.4（生成于 2026-01-28），围绕实际开发中的常见需求组织内容，涵盖 Store 的定义与使用（state、getters、actions、storeToRefs、订阅）、插件扩展、在 Store 内使用 Vue 组合式函数、Store 之间的组合与循环依赖规避、单元测试（@pinia/testing、mock、stub）、在组件外（如导航守卫、插件、中间件）使用 Store，以及 SSR、Nuxt 集成与 HMR 等进阶主题。适合在 Vue 或 Nuxt 项目中定义和管理全局状态、编写可测试的 Store 逻辑，以及处理服务端渲染下的状态注水等场景。
react-nextjs
来自 Vercel Engineering 的 React 与 Next.js 性能优化指南，是 frontend-developer 的子技能。涵盖 8 大类共 45 条规则，按影响优先级排列，用于指导自动化重构与代码生成。
core-web-vitals
Core Web Vitals 计测与诊断技能，使用 Lighthouse CLI、Bundle Analyzer 定位性能问题，并提供按指标分类的原因与对策参考。
artisan
artisan 是一个用于编写生产级前端组件（React、Vue、Svelte）的技能，强调 TypeScript、无障碍访问与整洁架构，帮助开发者构建干净、可维护的前端代码。
flow
为界面添加有意义的动效（悬停、过渡、加载、手势），兼顾性能与无障碍；优先使用 CSS 的 transform 与 opacity，时长控制在 150–300ms，并尊重 prefers-reduced-motion。
component-docs
为 Insomnia 共享组件库编写或更新 Docusaurus 组件文档的技能。每个组件对应一个 MDX 文件，含可实时编辑示例，需在 ReactLiveScope 注册组件并验证站点构建。
tech-stack-detect
通过八层分析检测网站完整技术栈：HTTP 响应头、Cookie、robots.txt、DNS 记录、HTML 源码、JavaScript 全局变量、网络请求与 SSL 证书，并按证据给出置信度。
frontend-architect-lite
frontend-architect-lite 是一个简洁的通用前端架构技能，用于项目启动时的技术栈定义，涵盖框架选型、渲染策略、状态管理、设计系统、测试、性能、安全与 AI 代理工作流等主题。
vue-architect
面向已使用 Vue.js 项目的 Vue 专用架构技能，提供 2026 生态选型建议，覆盖 Vue 3.5+/Nuxt 4 工具链、渲染策略、PrimeVue 4 与 Tailwind 4 集成、状态分层、测试、无障碍合规与 AI 友好型代码库结构等主题。
frontend-patterns
frontend-patterns 是一份面向 React 与 Next.js 的前端开发模式参考，收录了组件设计、状态管理、性能优化、表单处理、动画与无障碍等常见实践。内容以 TypeScript 代码示例为主，涵盖组合优于继承、复合组件、Render Props、自定义 Hook（如 useToggle、useQuery、useDebounce）、Context + Reducer 状态管理、useMemo/useCallback/React.memo 记忆化、代码分割与懒加载、长列表虚拟化、受控表单校验、错误边界、Framer Motion 动画以及键盘导航与焦点管理等主题。适合前端开发者在构建可维护、高性能用户界面时作为模式速查与实现参考。
time-audit
time-audit 是一个基于 macOS Screen Time 数据与 Chrome 浏览历史的每周个人时间审计技能，输出自包含的 HTML 可视化报告，展示时间实际去向并给出改进建议。