Projetar Interfaces de Produto Criadas para um Propósito Específico
Dashboards genéricos fazem os produtos parecerem intercambiáveis e mais difíceis de examinar rapidamente. Esta skill orienta Claude, Codex e Claude Code a projetar interfaces de produto focadas com sistemas claros.
Copie esta solicitação para o seu Agente. Ela inclui a página canônica do Skill e o manifesto.
Review the Skillstore skill "interface-design" from https://skillstore.io/skills/dammyjay93-interface-design.md and its manifest at https://skillstore.io/api/skills/dammyjay93-interface-design/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Seu Agente ainda deve apresentar o plano e solicitar qualquer confirmação exigida pela política de segurança.
Use estes links quando um agente de IA, crawler ou script precisar de contexto limpo em vez de ler a página completa.
Usando "interface-design". Uma equipe de produto precisa de um dashboard de manutenção para técnicos de campo.
Resultado esperado:
Usando "interface-design". Um engenheiro pede uma revisão de uma página de configurações existente.
Resultado esperado:
Usando "interface-design". Um fundador quer que telas futuras do produto pareçam consistentes.
Resultado esperado:
All 22 static findings appear to be false positives from Markdown examples, inline code formatting, and design prose. No evidence found for shell execution, system reconnaissance, prompt injection, network access, or data exfiltration.
Compartilhe o relatório de avaliação versionado, o badge neutro, o cartão incorporável e as citações. A Skillstore apresenta evidências sem decidir se este Skill é seguro.
https://skillstore.io/skills/dammyjay93-interface-design/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/dammyjay93-interface-design?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/dammyjay93-interface-design?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/dammyjay93-interface-design/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/dammyjay93-interface-design.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>dammyjay93. (2026). interface-design security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/dammyjay93-interface-design/audits/4@techreport{dammyjay93-dammyjay93-interface-design-2026,
author = {dammyjay93},
title = {interface-design security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/dammyjay93-interface-design/audits/4},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "interface-design security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "dammyjay93"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/dammyjay93-interface-design/audits/4"
identifiers:
- type: other
value: "skillstore:dammyjay93-interface-design:audit:4"
description: "Skillstore immutable audit report identifier"
Explore o domínio do produto, escolha uma direção de assinatura e defina layout, cor e hierarquia antes de construir.
Audite espaçamento, superfícies, controles, estados e tipografia para que a interface pareça intencional e consistente.
Capture decisões reutilizáveis de interface para que telas futuras sigam a mesma lógica de produto e o mesmo sistema visual.
Use a skill interface-design para explorar o domínio de uma nova interface de produto. Identifique o usuário, a tarefa, o universo de cores, o elemento de assinatura e os padrões a rejeitar.
Projete um dashboard com um modelo de navegação claro, hierarquia de superfícies, escala de espaçamento, estados de controles e linguagem visual específica do domínio.
Revise esta interface em busca de padrões genéricos, hierarquia fraca, tokens inconsistentes, estados ausentes e intenção de produto pouco clara. Recomende mudanças concretas.
Extraia padrões reutilizáveis desta interface e proponha o que deve ser salvo para telas futuras, incluindo espaçamento, profundidade, componentes e direção visual.
Autor
dammyjay93Licença
MIT
Revisão da Skillstore
r1
Aviso de versão
O autor não declarou uma versão.
Repositório
https://github.com/dammyjay93/interface-design/tree/main/.claude/skills/interface-design/Referência
34f316ba14ef36c7a620fc09f2676d2429997a77
Atualidade da manutenção
20/07/2026
Uso
6 downloads · 137 visualizações
Estrutura de arquivos
Build Consistent Design Systems and Slides
por nextlevelbuilder
Inconsistent tokens and components make design handoffs difficult. This skill structures tokens, validates usage, and generates brand-aligned presentation assets.
Melhore a UX com orientação de design baseada em investigação
por shubhamsaboo
As equipas muitas vezes desenham fluxos com base em pressupostos e ignoram problemas de acessibilidade. Esta skill orienta a investigação, a estrutura, o design de interação e a revisão usando boas práticas de UX.
Build and Refine Interfaces with Uizze
por uizze
Interface changes can lose visual consistency or disrupt existing workflows. This skill guides implementation from visual targets and project conventions, with optional Uizze resources and explicit verification.
Melhorar o Design Visual do Frontend
por Barnhardt-Enterprises-Inc
Ecrãs de frontend genéricos muitas vezes parecem semelhantes e não têm foco na marca. Esta skill orienta escolhas de tipografia, cor, movimento e profundidade para interfaces mais claras.
Projete Dashboards de KPI Que Impulsionam Decisões
por wshobson
As equipes frequentemente criam dashboards que mostram muitos números, mas não orientam ações. Esta skill ajuda Claude, Codex e Claude Code a selecionar KPIs significativos, estruturar visualizações e apresentar métricas com clareza.
Criar Interfaces de Produto Acessíveis
por sickn33
As equipas têm frequentemente dificuldade em transformar necessidades dos utilizadores em interfaces consistentes e acessíveis. Esta skill orienta investigação, fluxos, sistemas de design, tokens e entrega para desenvolvimento.