frontend▌

Design robust, scalable APIs using proven patterns for REST, GraphQL, and gRPC with proper versioning, authentication, and error handling.

"Transform Figma designs into implementation-ready specifications with pixel-perfect accuracy"

Philosophy: Every pixel has purpose. Restraint is luxury. User psychology drives decisions. Core Principle: THINK, don't memorize. ASK, don't assume.

Declarative UI from JSON via ui.inference.sh.

Provides authentication implementation patterns for Next.js 15+ App Router using Auth.js 5 (NextAuth.js), covering the complete authentication lifecycle from initial setup to production-ready role-based access control implementations.

Chat building blocks from ui.inference.sh.

You can start and use Codex TUI to verify changes. \n Important notes: \n Start interactively.\nAlways set RUST_LOG=\"trace\" when starting the process.\nPass -c log_dir=<some_temp_dir> argument to have logs written to a specific directory to help with debugging.\nWhen sending a test message programmatically, send text first, then send Enter in a separate write (do not send text + Enter in one burst).\nUse just codex target to run - just codex -c ...

Data mode uses createBrowserRouter and RouterProvider to enable data loading, actions, and pending UI without the framework's Vite plugin. This is ideal for existing React applications that want to add data loading and mutation capabilities.

When using HTMX for interactivity:

Use this skill when: