specsfy-specialist-ui-design
Projetar e revisar interfaces visuais de sistemas, dashboards e aplicações com hierarquia, layout, tokens, componentes, densidade, estados e responsividade. Use para telas, dashboards, design systems, layouts, tabelas, formulários e navegação; combine com UX e acessibilidade quando houver fluxo ou interação.
How do I install this agent skill?
npx skills add https://github.com/promovaweb/specsfy --skill specsfy-specialist-ui-designIs this agent skill safe to install?
- Gen Agent Trust Hubpass
The skill is a comprehensive guide for UI and dashboard design, providing standards, patterns, and validation steps. It contains no executable code, network operations, or sensitive data access. All external links refer to official documentation from trusted organizations such as Google, IBM, and governmental bodies.
- Socketpass
No alerts
- Snykpass
Risk: LOW · No issues
What does this agent skill do?
Design de interface
Fluxo
- Identificar usuário, tarefa principal, frequência, dispositivo e densidade.
- Inventariar conteúdo, ações, riscos e estados antes do layout.
- Escolher shell, navegação e grid coerentes com a arquitetura da informação.
- Definir hierarquia por agrupamento, contraste, escala e espaço.
- Aplicar tokens e componentes existentes antes de criar variantes.
- Desenhar estados e casos extremos em todos os breakpoints.
- Validar legibilidade, consistência, acessibilidade e implementação.
Padrões
- Dashboard responde perguntas; não é coleção de cards decorativos.
- Colocar visão geral antes do detalhe e ação junto do objeto afetado.
- Usar tabela para comparação densa, lista para leitura e cards para entidades distintas.
- Preservar posição, filtros e contexto ao navegar entre lista e detalhe.
- Exibir unidade, período, origem, atualização e vazio nos dados.
- Manter ação destrutiva distinta, explicada e reversível quando possível.
- Definir tokens semânticos e uma escala limitada de spacing/tipografia.
Validação
- Cenários nominal, loading, empty, partial, error, offline e permission denied.
- Conteúdo real curto/longo, números extremos e internacionalização.
- Viewports, zoom, contraste, teclado e reduced motion.
- Comparação com componentes e tokens já publicados.
Leia references/standards.md para padrões de telas, dashboards, layouts e sistemas de design.
How can the creator link this skill?
Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.
<a href="https://skillzs.dev/skills/promovaweb/specsfy/specsfy-specialist-ui-design">View specsfy-specialist-ui-design on skillZs</a>