frontend▌

Comprehensive guide for modern React development, emphasizing Suspense-based data fetching, lazy loading, proper file organization, and performance optimization.

$23

Effects are an escape hatch from React. They let you synchronize with external systems. If there is no external system involved, you shouldn't need an Effect.

Inspira UI is a collection of 120+ reusable, animated components powered by TailwindCSS v4, motion-v, GSAP, and Three.js — crafted to help ship beautiful Vue and Nuxt applications faster.

Visualize the user's request as an interactive single HTML file. First, read references/common-rules.md to review common rules.

Audit UI code against Vercel's Web Interface Guidelines for design and accessibility compliance. \n \n Fetches the latest guidelines from a remote source before each review, ensuring rules stay current \n Accepts file paths or patterns as arguments; prompts for files if none provided \n Outputs findings in a terse file:line format for quick scanning and remediation \n Covers design, accessibility, and UX best practices as defined in the guidelines repository \n

$22

Elite website image-to-code skill for Codex. For visually important web tasks, it must first generate the design image(s) itself, deeply analyze them, then implement the website to match them as closely as possible. In Codex, it must prefer large, readable, section-specific images instead of tiny compressed boards, generate fresh standalone images for sections or detail views instead of cropping old ones, avoid lazy under-generation, avoid cards-inside-cards-inside-cards UI, and keep the hero clean, spacious, readable, and visible on a small laptop.

Build scalable, maintainable React components using modern patterns including functional components, hooks, composition, and TypeScript for type safety.

Design agent for frontend UI/UX creation, iteration, and component extraction on an infinite canvas. \n \n Analyzes your repo structure to build design context automatically, then generates and iterates design drafts with support for variations, themes, and multi-page flows \n Core commands cover project setup, faithful UI reproduction, design iteration in branch mode, component extraction and updates, and design system configuration \n Requires mandatory initialization of .superdesign/init/ wit