gsap-cursor
GSAP Cursor 是面向光标与指针驱动动画的生产级配方技能，属于 GSAP 技能流程的一环。它提供磁吸按钮、粒子拖尾、弹性跟随、聚光揭示、图片预览跟随和透视倾斜等模式，并给出性能与清理最佳实践。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-26 00:15
前端与建站
11,100 个结果
convex-realtime
Convex Realtime 是一套用于构建响应式应用的实践模式，涵盖实时订阅、乐观更新、缓存行为与基于游标的分页查询。资料给出 React 客户端用法示例，并强调实现前应查阅 Convex 官方最新文档。
next-stack
Next Stack 是一套面向 Next.js App Router 的前端技术栈工作流，强调 Server Components 优先、Prisma 仅限服务端（Node 运行时）、Tailwind + shadcn/ui、TanStack Query、React Hook Form + Zod，用于统一服务端/客户端边界与数据模式。
review-ui
review-ui 是一个用于审查浏览器渲染界面改动的技能：它要求先运行应用并截图，再对视觉与交互结论作出判断，而非仅凭静态阅读样式差异。覆盖 HTML、CSS、JSX/TSX、Vue、Svelte 组件和模板等文件。
nextjs-app-router-patterns
Next.js 14+ App Router 惯用模式参考指南，涵盖服务端与客户端组件划分、数据获取、缓存与再验证、Suspense 流式渲染、并行路由、拦截路由及错误边界等实践要点。
tanstack-query
TanStack Query v5（React Query）参考技能，用于 React 中的数据获取、缓存与服务端状态管理。涵盖 useQuery、useMutation、useInfiniteQuery、查询键、失效、乐观更新、预取、依赖查询与 SSR/Next.js 等主题。
frontend-design
依据 jinfanzheng/kode-sdk-csharp 的 frontend-design 技能资料整理：用于创建独特、达到生产级水准的前端界面，强调避免通用「AI 味」美学，输出真实可运行代码并注重审美细节与创意选择。
memory-system
joelclaw 记忆系统的调试、维护与使用技能：涵盖 Observer 采集与 Dreams、Brain .svx 存储、neat-memory 策展、Telegram 投递与表情评分，以及 recall 与会话检索契约。
react-ts-debugging
一个面向 React 与 TypeScript 调试的技能：通过与开发者协作、以日志为核心的循环定位 bug，而不是只读源码猜测。你会先确认复现步骤与预期/实际差异，再提出可证伪的假设、插入带标记的定向日志，交由开发者运行并回传控制台输出，最后据证据确认根因、修复并清理日志。
core-components
核心组件库与设计系统规范，指导在构建 UI、使用设计令牌或使用组件库时，优先采用核心组件而非平台原生组件，以保证样式与行为一致。资料提供设计令牌、组件示例、布局模式和反模式说明。
frontend-design
该技能用于指导创建独特、达到生产级水准的前端界面，避免常见的“AI 味”审美。用户提供前端需求（组件、页面、应用或界面）及其用途、受众或技术约束后，技能先引导进行设计思考：明确要解决的问题与使用者、选定鲜明甚至极端的美学基调（如极简、复古未来、奢华、编辑杂志风、粗野主义、工业实用等）、梳理框架与性能无障碍等技术约束，并确定让作品令人难忘的差异化点。随后实现可运行的代码（HTML/CSS/JS、React、Vue 等），要求功能可用、视觉醒目、风格统一且细节讲究。美学指南涵盖：排版选用独特字体并搭配展示字体与正文字体、避免 Arial/Inter 等通用字体；用 CSS 变量统一色彩主题，主色配锐利点缀；用动画与微交互营造效果，HTML 优先纯 CSS，React 可用 Motion，重视页面加载的编排式揭示；空间构成上采用非对称、重叠、斜向、打破网格的布局；背景与视觉细节使用渐变网格、噪点纹理、几何图案、层叠透明、戏剧化阴影、装饰边框、自定义光标等营造氛围。要求避免通用 AI 审美（如常见字体、紫渐变白底、可预测布局），根据语境做多元变化，并让实现复杂度与美学愿景匹配。
frontend-dev-guidelines
该技能是一套面向 React/TypeScript 应用的前端开发规范指南，强调基于 Suspense 的数据获取、懒加载、文件组织与性能优化。内容涵盖组件模式、数据获取、文件组织、样式、路由、加载与错误状态、性能、TypeScript 规范、常见模式及完整示例等主题，并提供新建组件、新建功能的检查清单、导入别名速查（@/、~types、~components、~features）与常见导入代码片段。主要推荐使用 useSuspenseQuery、TanStack Query、TanStack Router、MUI v7、SuspenseLoader、useMuiSnackbar 等约定，并规定避免提前返回加载动画、重组件懒加载、按代码行数决定样式内联或拆分、使用 import type 等要求。适用于创建组件或页面、构建新功能、使用 TanStack Query 获取数据、设置 TanStack Router 路由、使用 MUI v7 设置样式、性能优化、组织前端代码及遵循 TypeScript 最佳实践等场景。
react-ui-patterns
react-ui-patterns 是一套面向现代 React 应用的 UI 模式指南，聚焦加载状态、错误处理与数据获取三类常见场景。它强调几条核心原则：只在真正加载且无数据时才显示加载指示，不展示过期 UI；错误必须对用户可见；采用乐观更新让界面响应更迅速；渐进式披露内容；部分数据优于无数据。内容涵盖加载状态决策树、骨架屏与加载指示器的选择标准（已知内容形状用骨架屏，未知用加载指示器）、错误处理层级（字段级内联错误、可恢复的 Toast 提示、页面级错误横幅、不可恢复的全屏错误页）、按钮加载与禁用模式、空状态要求（每个列表都必须有空状态，并区分搜索无结果与列表无数据）、表单提交流程，以及常见反模式与组件检查清单。适用于构建 UI 组件、处理异步数据或管理 UI 状态的场景。
unocss-shadcn
用于配置 UnoCSS 与 unocss-preset-shadcn 的半自动、框架无关工作流技能，帮助在单项目或 monorepo 中正确接入 shadcn 组件，并强制通过 shadcn MCP 与手动模式创建组件。
tanstack-query
TanStack Query（React Query）v5 最佳实践技能，面向 React/TypeScript 项目的数据获取、缓存与变更。涵盖查询键工厂、queryOptions、依赖查询、select 派生数据、useMutation 与缓存失效、错误处理、TypeScript 类型推断及常见反模式。
just-html
justhtml.sh 是一个面向智能体的极简 HTML 文档托管服务：智能体可自助注册获取长期 API 密钥，用 curl 发布、编辑、评论文档，文档默认私有，可通过查看令牌或公开链接共享，支持人类与智能体协作。
frontend-design
该技能用于指导创建独特、达到生产级水准的前端界面，避免常见的“AI 味”审美。用户提供前端需求（组件、页面、应用或界面）及其用途、受众或技术约束后，技能先引导进行设计思考：明确要解决的问题与使用者、选定鲜明甚至极端的美学基调（如极简、复古未来、奢华、编辑杂志风、粗野主义、工业实用等）、梳理框架与性能无障碍等技术约束，并确定让作品令人难忘的差异化点。随后实现可运行的代码（HTML/CSS/JS、React、Vue 等），要求功能可用、视觉醒目、风格统一且细节讲究。美学指南涵盖：排版选用独特字体并搭配展示字体与正文字体、避免 Arial/Inter 等通用字体；用 CSS 变量统一色彩主题，主色配锐利点缀；用动画与微交互营造效果，HTML 优先纯 CSS，React 可用 Motion，重视页面加载的编排式揭示；空间构成上采用非对称、重叠、斜向、打破网格的布局；背景与视觉细节使用渐变网格、噪点纹理、几何图案、层叠透明、戏剧化阴影、装饰边框、自定义光标等营造氛围。要求避免通用 AI 审美（如常见字体、紫渐变白底、可预测布局），根据语境做多元变化，并让实现复杂度与美学愿景匹配。
vercel-react-best-practices
Vercel 出品的 React 与 Next.js 性能优化指南，在编写、评审或重构 React/Next.js 代码时使用。含 8 大类共 57 条按影响程度排序的规则，覆盖消除瀑布请求、打包体积、服务端与客户端数据获取、重渲染、渲染性能等，可用于指导自动化重构与代码生成。
web-artifacts-builder
用于创建复杂多组件 claude.ai HTML 工件的工具套件，基于 React、Tailwind CSS 与 shadcn/ui，适合需要状态管理、路由或 shadcn/ui 组件的复杂工件，而非简单单文件 HTML/JSX 工件。
frontend-design
该技能用于指导创建独特、达到生产级水准的前端界面，避免常见的“AI 味”审美。用户提供前端需求（组件、页面、应用或界面）及其用途、受众或技术约束后，技能先引导进行设计思考：明确要解决的问题与使用者、选定鲜明甚至极端的美学基调（如极简、复古未来、奢华、编辑杂志风、粗野主义、工业实用等）、梳理框架与性能无障碍等技术约束，并确定让作品令人难忘的差异化点。随后实现可运行的代码（HTML/CSS/JS、React、Vue 等），要求功能可用、视觉醒目、风格统一且细节讲究。美学指南涵盖：排版选用独特字体并搭配展示字体与正文字体、避免 Arial/Inter 等通用字体；用 CSS 变量统一色彩主题，主色配锐利点缀；用动画与微交互营造效果，HTML 优先纯 CSS，React 可用 Motion，重视页面加载的编排式揭示；空间构成上采用非对称、重叠、斜向、打破网格的布局；背景与视觉细节使用渐变网格、噪点纹理、几何图案、层叠透明、戏剧化阴影、装饰边框、自定义光标等营造氛围。要求避免通用 AI 审美（如常见字体、紫渐变白底、可预测布局），根据语境做多元变化，并让实现复杂度与美学愿景匹配。
html-artifacts-plus
用于在空间布局、视觉层级、交互或分享能明显提升交付物时，生成自包含 HTML 制品的技能；含文档绑定编辑器模式，可导出可审查的补丁供代理应用。
portfolio-story-architecture
Portfolio story architecture 是一个用于规划、设计或实现作品集网站的 Skill 工作流，要求以 references/cases.md 中一个具名锚点案例为依据，先建立保留/替换/避免的参考契约，再产出页面叙事、组件与交互规范、可实施文案或代码及验证清单。
skill-style-css-clean
CSS Clean 是一个面向 Web 项目的 CSS/SCSS 审计技能，依据“CSS 十诫”检查命名、选择器、文件组织、性能与无障碍，并按扫描、审计、修正、验证四步流程执行。
developer-frontend-engineer
Developer Frontend Engineer 是一个前端工程角色技能，负责把界面、交互结构、设计稿与客户端状态转化为响应式 HTML、Vanilla CSS 及 JavaScript/TypeScript 组件，并强调客户端密钥安全与后端代理调用。