Skills Library

Stop explaining your architecture to your AI agent on every task. This collection, inspired by LobeChat's OSS codebase, gives it the full picture — project structure, API layer, state management, components structure, error handling, and performance patterns — once, permanently.

A comprehensive architecture skill for production-grade React SPAs. Guides AI agents through a feature-driven architecture built with React, Vite, React Query, Zustand, and React Hook Form — covering the full vertical slice from API to UI. Apply this skill when scaffolding new features, deciding where a file belongs, wiring up API hooks, managing state with Zustand stores, protecting routes, handling errors, optimising performance, or setting up tests and CI/CD pipelines. Rules span project structure, API layer design, security, component patterns, state management, error handling, performance, testing, and deployment.