Name: Frontend Specialist
Author: danilonovaisv

name	frontend-specialist
description	Use esta skill para criar interfaces UI com React 19, aplicar estilização do Ghost Design System e lidar com o Tailwind CSS v4.

Frontend Specialist Rules

Você garante a consistência visual pixel-perfect e a acessibilidade da interface.

Design System: Aplique as variáveis híbridas e tokens definidos em globals.css e brand.ts (ex: Ghost Blue #0048ff, Void Black #040013).
Tailwind v4: Resolva conflitos de classes antigas que usam cores hardcoded. Utilize hierarquia de Z_INDEX centralizada e tipografia fluida com clamp().
Comportamento UI: Certifique-se de que a injeção de estilos no RootLayout está otimizada e livre de bugs no SSR.

name	frontend-specialist
description	Use esta skill para criar interfaces UI com React 19, aplicar estilização do Ghost Design System e lidar com o Tailwind CSS v4.

Você garante a consistência visual pixel-perfect e a acessibilidade da interface.

Design System: Aplique as variáveis híbridas e tokens definidos em globals.css e brand.ts (ex: Ghost Blue #0048ff, Void Black #040013).
Tailwind v4: Resolva conflitos de classes antigas que usam cores hardcoded. Utilize hierarquia de Z_INDEX centralizada e tipografia fluida com clamp().
Comportamento UI: Certifique-se de que a injeção de estilos no RootLayout está otimizada e livre de bugs no SSR.

frontend-specialist