react-tanstack-router
用于在 React 应用（非 Next.js）中实现 TanStack Router 路由的技能，涵盖基于文件的路由、loader、搜索参数校验，以及从 React Router 迁移、错误边界与 404 处理。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-22 00:14
前端与建站
10,969 个结果
awwwards
这是一个面向精英级前端交付的编排型技能，目标是把设计、动效与实现串成一条严谨的流水线：先锁定设计简报与调性，再确定 OKLCH 色彩令牌、参考组件与版式构成，随后校准动效风格并完成代码实现，最后做打磨审计与真实浏览器多视口验证。它强调避免通用模板化的“AI 感”输出，并明确不适用于内部后台、普通增删改查表单或缺陷修复等常规需求。
stitch-a11y
stitch-a11y 是面向 Stitch 生成组件的无障碍审计与修复技能，按 WCAG 2.1 AA 检查语义 HTML、ARIA、键盘导航、焦点可见性、图片媒体与颜色对比，并直接修改源码。
stitch-svelte-components
将 Stitch 屏幕、本地 HTML 文件或 URL 转换为 Svelte 5 / SvelteKit 组件的技能，使用 runes API、作用域 CSS 自定义属性与内置过渡，默认生成可访问标记。
gpui-styling
GPUI 样式系统技能，涵盖主题设计、响应式布局、视觉设计模式与样式组合，帮助在 GPUI 中构建美观一致的用户界面。
zenith-ui
面向 Gravito Zenith 技术栈的前端开发技能，专注使用 Zenith、Vue 3 与 Inertia.js 构建界面，适用于 UI 组件、页面布局与样式设计。
uniwind
Uniwind 是把 Tailwind CSS v4 带入 React Native 的样式方案，样式在构建期编译，无运行时开销。核心 React Native 组件原生支持 className，非样式颜色属性需用 accent- 前缀的专用 className 属性。
dev-frontend
dev-frontend 是一个前端实现类技能，用于在现有技术栈中完成最小授权范围的前端 UI 改动。它强调复用优先、保持路由与状态归属，并区分源码证据与浏览器运行时验收。仅做审查的请求应改用 repo-review。
gsap-vfx
GSAP 视觉特效生产配方技能，属于 gsap-cookbook 系列，覆盖故障特效、无限滚动跑马灯、滚动计数器、浮动装饰、脉冲环、方向性跑马灯与页脚弹跳等效果，需配合 gsap-core 与 gsap-timeline 使用。
react-context-setup
react-context-setup 是面向前端开发的自动激活技能，用于协助完成 React Context 配置任务。当请求中提到 react context setup，或询问相关模式与最佳实践时自动触发，提供分步指导、生成配置与代码并做校验。
frontend-design
frontend-design 是一个用于创建独特、生产级前端界面的技能，强调避免通用“AI 味”审美，注重设计细节与创意选择。它会先识别项目技术栈再匹配实现方式，适用于 Web 组件、页面等前端构建任务。
kita-html
Kita Html 的 TSX/JSX 编写技能：在 Kita 项目中用服务端字符串模板方式写 .tsx/.jsx，而非 React。涵盖 safe 属性、转义、Suspense 流式渲染及 Fastify/Express/Elysia 适配。
accessibility
Web Accessibility 技能提供 Web 无障碍模式与 WCAG 2.1/2.2 合规指导，用于构建包容性用户界面。适用场景包括构建无障碍组件与审计 UI 无障碍性。内容涵盖 POUR 原则、合规等级、语义 HTML、表单、对比度与键盘访问等，供开发者与设计者参考。
frontend-dev
面向智能体团队的前端开发角色技能：将设计稿与需求转为可用的、可访问且高性能的 UI 组件，并与后端 API 集成，负责客户端状态管理与响应式行为。
ux-ui-premium-direction-style-selector
该技能为网站或 Web 应用项目生成 8 种风格迥异的视觉方向演示页，帮助对比后选定方向并应用到项目；基于 Next.js App Router 与 Tailwind CSS，包含演示页生成、主题令牌与基础组件落地流程。
polpo-react
polpo-react 是用于为 Polpo 智能体构建 React 界面的技能，基于 @polpo-ai/react 与 @polpo-ai/chat，覆盖聊天组件、Session、持久重连、附件与 ask-user 等场景。
taste-gsap
taste-gsap 是一个面向智能体建站的 GSAP 动画实现规范，强调克制的动效设计。它要求将动画包裹在 gsap.context 与 matchMedia 中，仅对 transform 和 opacity 做动画，并严格控制 ScrollTrigger 钉住（pin）区域数量（最多两个），以确保性能与可访问性。涵盖时间线架构、Lenis 平滑滚动、滚动钉住与 scrub 卫生、文本拆分以及减少动态效果的回退方案，适合智能体生成或审阅前端动画代码时作为约束指南。
fixing-metadata
用于审计并修复网页 HTML 元数据的技能，覆盖标题、描述、canonical、Open Graph、Twitter 卡片、favicon、JSON-LD 结构化数据等，按优先级规则处理重复与索引等关键问题。
kf-g-css-tak-responsive-rules
用于编写与审查响应式 CSS 的技能：按静态、内在适配、容器查询、媒体查询的升级顺序做判断，减少多余断点与随意单位选择，并规范 clamp()、流式值、视口单位与容器单位的用法。
practical-react-query
React Query（TanStack Query）实用指南技能，覆盖数据获取、缓存、变更、错误处理、TypeScript、测试与高级模式，供构建现代 React 应用的异步状态管理时参考，按需阅读各参考文件。
ux
UX 审核技能：面向 Web 与 React Native（Expo）应用，分析 UI 代码并依据 UX 原则、WCAG 2.2 无障碍标准与平台指南给出可执行的审核反馈，覆盖可用性、无障碍、微文案与暗黑模式等问题。
design-style
一种 Claude Code 技能，用于在构建网页、落地页、UI 组件或前端界面时，自动从 prompts/ 目录读取设计系统提示，从而生成具有 Neo-brutalism、Modern Dark、Luxury、Cyberpunk 等特定视觉风格的前端界面，避免千篇一律的 AI 风格 UI。
deck-open-slide-canvas
锁死 1920×1080 画布、按 React 组件式自由排版的演示文稿技能，不依赖固定模板，适合个人作品集、艺术或设计类演讲等想摆脱模板束缚的场景。
synapse
Synapse 用于为 MCP 服务器构建交互式 UI：用 React 应用打包成单个内联 HTML 文件，以 ui://<name>/main 资源提供给 MCP Apps 宿主（Claude、ChatGPT、NimbleBrain）在沙箱 iframe 中挂载，并通过 postMessage 桥调用服务器现有工具。