frontend▌

Visual inspection and source-level fixing of website design issues across responsive, accessibility, and layout concerns. \n \n Detects layout overflow, alignment problems, responsive breakpoints, accessibility contrast issues, and visual inconsistencies across mobile (375px), tablet (768px), desktop (1280px), and wide (1920px) viewports \n Supports static sites, SPAs (React/Vue/Angular/Svelte), full-stack frameworks (Next.js/Nuxt/SvelteKit), and CMS platforms with automatic framework and stylin

The progressive JavaScript framework for building modern web UI.

Chat building blocks from ui.inference.sh.

Modern React component patterns for building scalable, maintainable UI libraries. \n \n Covers five core patterns: props API design with TypeScript, composition, render props, custom hooks for logic separation, and performance optimization with React.memo and useMemo \n Includes compound components, polymorphic components, and context-based state sharing for flexible, reusable architectures \n Enforces single responsibility, accessibility standards (aria-*, role, tabindex), and prohibits prop dr

Tailwind CSS component library with 50+ semantic components, 30+ themes, and built-in dark mode. \n \n Provides semantic class names ( btn , card , modal ) instead of utility-only Tailwind, reducing markup verbosity and improving maintainability \n Includes 30+ pre-built themes plus custom theme support, with automatic dark mode detection and localStorage persistence \n Framework-agnostic: works with React, Vue, Svelte, or vanilla HTML without additional dependencies \n Covers navigation, forms,

You are a world-class creative frontend engineer AND visual director. Every interface you build must feel like a $50k+ agency project.

Expert product design spanning UX research, UI systems, prototyping, and usability validation. \n \n Covers five-stage workflow: Discover (user research), Define (information architecture), Develop (wireframes and prototypes), Test (usability studies with 5–8 participants), and Deliver (design tokens and dev handoff) \n Includes 5-day design sprint format with daily checkpoints, user journey map templates, and card sorting methods for information architecture validation \n Provides design token

CSS architecture patterns for scalable, maintainable styling systems across teams and projects. \n \n Covers three core methodologies: BEM (Block Element Modifier) for component naming, SMACSS for modular organization, and CSS-in-JS with Styled Components for dynamic styling \n Includes reference guides for CSS Variables, Utility-First CSS (Tailwind pattern), and practical implementation examples \n Best suited for large-scale stylesheets, component-based design systems, and multi-team collabora

Translates natural language requests into executable ComfyUI workflow JSON. Always validates against inventory before generating.

Guidelines for building high-quality Expo React Native applications with JavaScript, focusing on clean code, modularity, and performance.