React skills

This skill guides building Next.js 15+ UI components with Clean Architecture, ensuring DTO-based data flow and correct server-client boundaries for

This skill inventories a Next.js app's public and authenticated views, confirms view names with you, and plans a shadcn-based clean platform scaffold.

This skill helps you create risograph-inspired Remotion videos (10-60s) that explain Skill Stack concepts with reusable components and precise timing.

This skill provides Next.js guidance on app structure, routing, data fetching, and optimization to help you build scalable interfaces.

This skill enforces universal coding standards for TypeScript, JavaScript, React, and Node.js, improving readability, safety, and maintainability.

This skill helps you build accessible, headless design systems with Radix UI primitives, enabling full theming control and composable, production-ready

This skill identifies components that directly use trpc or react-query hooks and guides replacing them with refine hooks for consistent data access.

This skill helps you embed and configure ChatKit frontend in TS/JS apps, supporting hosted workflows or custom backends with secure auth and uploads.

This skill helps you implement Remotion best practices across animations, assets, compositions, and timing for high-quality video projects.

This skill helps you implement robust Socket.IO client patterns with typed events, secure authentication, and reliable reconnection for real-time apps.

This skill analyzes React code against best practices for hooks, state, performance, accessibility, testing, and design patterns to improve reliability.

This skill helps you implement Next.js server actions for mutations, cache revalidation, and secure form handling with progressive enhancement.

This skill generates production-ready React components with TypeScript, props interfaces, hooks, and styling patterns ready for immediate use.

This skill helps you accelerate React and TypeScript frontends by guiding component, hook, and Ant Design integration while enforcing best practices.

This skill helps you build, debug, and ship Logseq plugins using the @logseq/libs SDK across commands, content, and UI.

This skill helps you implement Next.js 15 App Router patterns with server components by default, enabling streaming and metadata SEO.

This skill helps secure authentication, secrets, and user input by applying proven security patterns such as HttpOnly cookies, DOMPurify sanitization, and CSP

This skill helps you manage fine-grained React state with atomic cells and automatic dependency tracking for fast, scalable UIs.

This skill helps you decide when to use Zustand for shared UI state versus useState for local state, ensuring clean architecture.

This skill helps design and implement React/Next.js components, defining structure, props/state, reusable patterns, and documentation for scalable UIs.

This skill helps you build fast, type-safe React Hook Form patterns using useForm, Controller, useFieldArray, and resolver-based validation.