web-error-handling-error-boundaries
React 错误边界（Error Boundary）技能，讲解如何捕获渲染阶段错误并显示回退 UI，涵盖类组件写法、react-error-boundary 库、resetKeys 重置、showBoundary 处理异步错误，以及 React 19 createRoot 的错误上报钩子。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-20 00:13
前端与建站
10,908 个结果
nextjs-architecture
面向 Next.js 项目的架构强制执行技能，重点覆盖 App Router 及其迁移，检查路由文件约定、Server/Client 组件边界、数据与缓存行为、Server Actions、Route Handlers、Proxy 与环境安全，并落实仓库本地目录约定。
ts-sdk-wallet-adapter
介绍在 React 前端使用 @aptos-labs/wallet-adapter-react 接入 Aptos 钱包的标准做法，涵盖 Provider 配置、useWallet() 钩子、交易签名提交与常见错误。
carousel-generator
carousel-generator 是一个用于生成 Instagram 轮播帖的技能：把每页幻灯片做成可滑动的 HTML 预览，并可导出为 1080x1440（3:4）PNG 图片。它内置锁定分阶段的文案与设计流程、品牌设计系统搭建、截图质检、箭头与拖拽导航、圆形头像处理等规则。
better-accessibility
better-accessibility 是一套面向产品界面的无障碍工程实践指南，覆盖焦点状态、键盘支持、ARIA、表单与屏幕阅读器等主题。它强调无障碍不是事后补上的合规勾选项，而是界面工艺的底线：多数无障碍能力在使用平台原生元素时即可免费获得，例如原生元素自带键盘支持、真实标签可被朗读、可见焦点环只需一条 CSS 规则。该技能适用于构建或审查 UI 代码时，并要求所有修复都使用项目已有的样式系统，不额外引入第二套方案。审查时建议先以纯键盘用户身份走通每个流程，再以屏幕阅读器用户视角检查每个控件是否播报名称、角色与状态；不确定时优先使用平台默认而非自定义重建，并倾向于移除 ARIA 而非添加。内容包含快速参考表、核心原则、常见错误与修复对照，以及审查输出格式。渲染后的对比度测量与颜色修复由 better-colors 技能负责，视觉文字尺寸与 iOS 输入缩放由 better-typography 负责，RTL 空间布局由 better-layout 负责。
controller-setup
Cartridge Controller 是面向 Starknet 游戏的智能合约钱包，支持 session key、passkey 与 paymaster。本文档说明首次接入时的安装、连接器选择、会话策略、链配置、本地 Katana 开发与常见问题。
bevy-wasm-webgpu
面向 Bevy 0.19 的浏览器 WASM 构建技能，指导在 wasm32-unknown-unknown 上选择 WebGL2 或 WebGPU 路径、用 wasm-bindgen 生成 JS 绑定、配置 Cargo 特性与发布 profile、提供静态资源并排查画布、安全上下文、编解码与资源路径问题。
vite-plugin
Editframe 的 Vite 插件，为本地开发提供视频转码、素材服务与视觉回归测试能力，无需依赖云端 API，支持缓存管理与 Vitest 图像比较。
vercel-react-view-transitions
基于 React View Transition API 的前端动画实现指南，讲解如何用 <ViewTransition> 组件、addTransitionType 与 CSS 视图过渡类在 UI 状态间实现原生流畅动画，并涵盖触发时机、共享元素、列表重排与 Next.js 集成。
bear-map
bear-map 是一个基于真实检索论文摘要生成“概念知识地图”的技能：把概念交给它，从检索到的摘要中挖出邻近概念并画出中心—邻居一层深的地图，输出 Mermaid 概念图与可截图的独立 HTML 地图，并挑 3–6 篇真实论文作为入门书单。每个节点和边都锚定真实文献，不从记忆里补节点。
shadcn-ui
shadcn/ui 是一套基于 React、Radix UI 与 Tailwind CSS 的可复用组件集合，采用复制粘贴而非 npm 包的方式，组件代码直接进入项目，由开发者完全拥有和定制，支持无障碍、暗色模式与 TypeScript。
intopia-web-accessibility
一套用于生成符合 WCAG 2.2 AA 无障碍标准的前端 UI 代码的技能，适用于 HTML、CSS、JSX、TSX 及 React、Vue、Svelte 组件、页面与表单等场景。
nextjs-caching
Next.js 缓存与再验证技能，覆盖请求记忆化、数据缓存、完整路由缓存、路由缓存四层机制，以及 Next.js 16 的 'use cache' 指令、fetch 缓存选项、标签与按需再验证、ISR 和缓存调试。
nextjs-routing-advanced
Next.js 高级路由技能，覆盖动态路由、捕获所有路由、路由组、并行路由、拦截路由、私有文件夹、Route Handlers 与编程式导航等模式，用于构建博客、文档、仪表盘、模态框和 API 端点。
frontend-design
该技能用于指导创建独特、达到生产级水准的前端界面，避免常见的“AI 味”审美。用户提供前端需求（组件、页面、应用或界面）及其用途、受众或技术约束后，技能先引导进行设计思考：明确要解决的问题与使用者、选定鲜明甚至极端的美学基调（如极简、复古未来、奢华、编辑杂志风、粗野主义、工业实用等）、梳理框架与性能无障碍等技术约束，并确定让作品令人难忘的差异化点。随后实现可运行的代码（HTML/CSS/JS、React、Vue 等），要求功能可用、视觉醒目、风格统一且细节讲究。美学指南涵盖：排版选用独特字体并搭配展示字体与正文字体、避免 Arial/Inter 等通用字体；用 CSS 变量统一色彩主题，主色配锐利点缀；用动画与微交互营造效果，HTML 优先纯 CSS，React 可用 Motion，重视页面加载的编排式揭示；空间构成上采用非对称、重叠、斜向、打破网格的布局；背景与视觉细节使用渐变网格、噪点纹理、几何图案、层叠透明、戏剧化阴影、装饰边框、自定义光标等营造氛围。要求避免通用 AI 审美（如常见字体、紫渐变白底、可预测布局），根据语境做多元变化，并让实现复杂度与美学愿景匹配。
waitlist-page
用于生成产品发布前的极简等待列表落地页，包含邮箱收集、品牌 Logo 和可选装饰层。页面颜色、字体与布局规则读取自 DESIGN.md，适合在正式上线前用真实兴趣收集早期用户。
ai-sdk-ui
面向 React 的 Vercel AI SDK v5/v6 前端 UI 技能，讲解 useChat、useAssistant 等 Hook 的用法，覆盖 v6 Beta 的智能体集成、工具审批与自动提交，以及 v4→v5 迁移、流式最佳实践和常见报错排查。
frontend-code-review
用于前端代码审查的技能，支持对 .tsx、.ts、.js 等前端文件进行待提交变更审查或指定文件审查，按代码质量、性能等清单标记违规并给出修复建议。
theme-factory
theme-factory 是一个为幻灯片、文档、报告和 HTML 页面应用专业配色与字体主题的技能。内置 10 套预设主题，支持预览、选择、按描述生成自定义主题，以及对已有内容重新换肤。
integrating-with-posthog-ai
PostHog 官方技能，说明如何在前端将 PostHog 产品界面接入 PostHog AI 智能体，涉及附加上下文、注入指令、工具事件总线与工具注册表等接缝，并强调安全与类型检查要点。
html-artifact
html-artifact 是一个把计划、证据、对比和说明等资料整理为清晰、表达力强且可访问的 HTML 文档的技能，便于读者查看和使用，并支持有用的交互。
react-native
面向 React Native 与 Expo 应用的最佳实践指南，按影响力排序，涵盖列表性能、Reanimated 动画、导航、UI 模式与 monorepo 组织。核心主张是优先解决列表瓶颈、仅动画 transform 与 opacity、使用原生导航与原生菜单，并减少不必要的重渲染。
frontend-design
Frontend Design 是一个用于前端界面设计与实现的技能，适用于构建可运行的 UI，包括组件、页面、落地页、仪表盘、海报式网页作品、HTML/CSS 布局以及 UI 重设计等。其目标是产出具有明确设计观点、高工艺水准和真实个性的界面，避免模板化、千篇一律的“AI 味”审美。该技能强调在写代码之前先做设计决策：明确用途与受众、选定强烈的风格方向并保持一致、考虑技术栈与性能、无障碍与品牌限制，并设计一个令人难忘的“标志性瞬间”。输出要求为可运行代码（HTML/CSS/JS、React、Vue 等），结构清晰、可维护、具备基本无障碍支持，且布局、字体、色彩、动效统一服务于同一方向。美学上建议使用有个性的字体搭配、CSS 变量管理颜色与间距、主导色加锐利点缀的配色、编排式的入场动效，以及渐变网格、噪点、几何图案、半透明层、戏剧性阴影等背景与质感处理。
web-server-state-react-query
React Query 服务端状态管理技能：讲解查询键与查询选项、缓存策略、错误处理，以及从 API schema 生成类型化客户端，覆盖 v5 的缓存、失效、重试与条件查询等模式。