Create production-grade frontend interfaces when backend services need admin panels, dashboards, or API documentation UIs. Use when building web interfaces for backend services.
Instalação
Instalar com Codex ou Claude Copie este prompt, cole no Codex, Claude ou outro assistente e deixe que ele revise a página da skill e instale para você.
Create production-grade frontend interfaces when backend services need admin panels, dashboards, or API documentation UIs. Use when building web interfaces for backend services.
Frontend Design
Activate this skill when building admin panels, dashboards, or documentation UIs for backend services.
When to Use
Building admin dashboards for backend services
Creating API documentation interfaces
Designing monitoring and observability UIs
Building internal tools and management panels
Design Principles
Function over form for internal tools
Clear data presentation with tables and charts
Responsive but desktop-first for admin interfaces
Consistent spacing using 4px/8px grid system
Accessible color contrast (WCAG 2.1 AA minimum)
Implementation Guidelines
Use semantic HTML elements for structure
Keep styling minimal and functional
Implement proper loading and error states
Use server-rendered pages where possible
Prioritize data density over visual flair for admin tools
Rules
Admin UIs should prioritize usability over aesthetics
Always include loading states for async data
Implement proper error handling with retry options