Agent Skills Hub

router-query-integration

整合 TanStack Router 与 TanStack Query 以提升单页应用 (SPA) 效能，实现路由预加载、查询预获取与流畅的导航体验。

react-native-best-practices

React Native 性能优化指南，涵盖 FPS、TTI、Bundle 大小、内存泄漏与分析模式，基于 Callstack 的专业最佳实践。

web-frameworks

全栈网页开发套件，整合 Next.js (SSR/RSC/App Router)、Turborepo 单体库管理及 RemixIcon 图标库。专为现代 React 开发、高性能构建与可扩展架构设计。

frontend-design

构建具有独特风格、生产级品质的前端界面与网页组件，强调高美学品质，并避免通用的人工智能设计模式。

chatkit-frontend

使用 OpenAI ChatKit React 组件实现生产就绪的 AI 聊天界面。功能包含 hook 配置、流式传输、主题自定义、对话历史与 Next.js 应用程序的自定义工具整合。

vercel-react-native-skills

React Native 和 Expo 性能优化最佳实践。涵盖列表虚拟化、Reanimated 动画、UI 模式以及原生平台 API 优化。

designer

React 与 Next.js 专家级 UI/UX 设计助手。提供视觉审核、设计系统架构，以及 Tailwind CSS 与 shadcn/ui 的实现指导，助力打造专业级 Web 应用程序。

nextjs-app-router

Next.js 13+ App Router 开发专家，支持 Server Components、嵌套布局、Suspense 流式渲染以及进阶数据获取模式的应用开发。

elegant-design

使用 React、Next.js 和 shadcn/ui 等现代设计系统，构建专业、易用且具响应式的界面。专注于开发者工具、聊天界面及实时流式组件。

tanstack-router

TanStack Router 配置、基于文件的路由以及 React 应用的类型安全导航。

shadcn-vite-iconify-landing-page

使用 React、Vite、TypeScript、Tailwind 和 shadcn/ui 构建、审核并迭代高转化率着陆页。专注于转换率优化 (CRO)、首屏结构以及使用 Iconify 图标的高质量界面设计。

task-search

通过高性能、具备防抖功能的搜索引擎加速任务检索。支持多标记 AND 逻辑、相关性排序，并能实时高亮显示任务标题、描述与标签中的匹配文本。