Design e Frontend

Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.

Apple Human Interface Guidelines for layout and navigation components.

Apple Human Interface Guidelines interaction and UX patterns.

Comprehensive performance optimization guide for React and Next.js applications, maintained by Vercel. Use when writing new React components or Next.js pages, implementing data fetching (client or server-side), or reviewing code for performance issues.

A modern dark-themed React UI system using Tailwind CSS and Framer Motion. Designed for dashboards, admin panels, and data-rich applications with glassmorphism effects and tasteful animations.

Cria servidores MCP (Model Context Protocol) que permitem a LLMs interagir com serviços externos por meio de ferramentas bem projetadas. A qualidade é medida pela eficácia em auxiliar LLMs a realizar tarefas do mundo real.

Build production-ready ReactFlow applications with hierarchical navigation, performance optimization, and advanced state management.

Generates high-converting Next.js/React landing pages with Tailwind CSS. Uses PAS, AIDA, and BAB frameworks for optimized copy/components (Heroes, Features, Pricing). Focuses on Core Web Vitals/SEO.

Use when upgrading existing websites or apps by auditing generic UI patterns and applying premium design fixes without rewrites.

Design spec with 98 rules for building CLI tools that AI agents can safely use. Covers structured JSON output, error handling, input contracts, safety guardrails, exit codes, and agent self-description.

You are a frontend designer-engineer, not a layout generator.

Audit screens against Nielsen's heuristics and mobile UX best practices using the StyleSeed Toss design language as the implementation context.