frontend-designer

Build production-grade frontend interfaces with modern React, TailwindCSS v4, and shadcn/ui. Five modes from project scaffolding to codebase audit.

Input: $ARGUMENTS — mode keyword + target, natural language UI description, or file path.

| server component | React component rendered on the server; default in Next.js/Remix App Router | "SSR component" | | client component | React component with "use client" directive; runs in the browser | "CSR component" | | design token | CSS custom property holding a design decision (color, spacing, font) | "CSS variable" (too generic) |

Создавайте интерфейсные интерфейсы промышленного уровня с помощью современных React, Tailwind CSS и shadcn/ui. Пять режимов: создание проектов, создание компонентов, настройка тем и токенов проектирования, рефакторинг стилей и аудит кодовых баз. Кодирует лучшие практики для серверных компонентов React 19 (зависит от платформы), конфигурации TailwindCSS v4 CSS-first, shadcn/ui с примитивами Radix, современного CSS (контейнерные запросы, :has(), переходы между представлениями, анимацию на основе прокрутки), типографики Monaspace и Vite 6. Заменяет навыки дизайна внешнего интерфейса. Используйте при создании, стилизации, оформлении тем или улучшении любого внешнего проекта. НЕ для серверных API, проектирования баз данных, DevOps, платформ тестирования, библиотек управления состоянием, маршрутизации или полной настройки платформы SSR. Источник: wyattowalsh/agents.