Agent Skills Hub

Frontend Components

为 Django 生产环境服务器与工作程序提供标准化配置与管理。

project-overview

LobeHub 项目架构与结构指南。用于探索代码库、理解项目组织、查找文件及获取架构背景信息。

tanstack-query

TanStack Query v5 专业状态管理模式，涵盖查询键工厂、数据变更、缓存策略及 SSR 配置，适用于各类服务器状态管理任务。

router-query-integration

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

react-router-data-mode

使用 React Router 的数据模式 (data mode) 开发 React 应用程序，包含 createBrowserRouter、路由器 (RouterProvider)、loaders、actions、fetchers 与乐观 UI 更新。

nuxt

Nuxt 框架决策辅助层，用于优化项目开发，引导至正确的 Nuxt 套件、Vue 指南或模块特定逻辑。

aesthetic

运用系统化设计原则、AI 评估与自动化灵感分析，打造美观的用户界面。

interaction-design

设计并实现微交互、动态设计与转场效果。用于提升 UI 精致度、实现加载状态，并创造直观、令人愉悦的用户反馈体验。

security-review

一套全面的安全审计与强化助手，专注于身份验证、输入验证、密钥管理及 SQL 注入防护，确保代码遵循安全最佳实践。

javascript-typescript

专为现代 Web 应用程序设计的进阶 TypeScript 与 React 开发助手。精通组件架构、状态管理、Vitest 单元测试、Playwright 端对端自动化以及高效的 TypeScript 配置。

ui-ux-pro-max

适用于网页与移动设备的专业 UI/UX 设计指南。包含 50 多种风格、99 项 UX 指引及 97 种配色方案。支持 React、Vue、Next.js 等多种技术栈的开发设计建议。

react-typescript

包含 React 19 与 TypeScript 的生产级开发模式，涵盖 Hooks、状态管理、TanStack Query、Zod 表单验证及性能优化工作流程。