Diseña Interfaces de Producto Creadas para un Propósito Específico
Los paneles genéricos hacen que los productos parezcan intercambiables y sean más difíciles de escanear. Esta skill guía a Claude, Codex y Claude Code para diseñar interfaces de producto enfocadas con sistemas claros.
Copia esta solicitud en tu Agente. Incluye la página canónica del Skill y el manifiesto.
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.Tu Agente debe seguir mostrando su plan y solicitar cualquier confirmación exigida por la política de seguridad.
Usa estos enlaces cuando un agente de IA, crawler o script necesite contexto limpio en vez de leer la página completa.
Usando "interface-design". Un equipo de producto necesita un dashboard de mantenimiento para técnicos de campo.
Resultado esperado:
Usando "interface-design". Un ingeniero pide una revisión de una página de configuración existente.
Resultado esperado:
Usando "interface-design". Un fundador quiere que las futuras pantallas de producto se sientan 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.
Comparte el informe de evaluación versionado, la insignia neutral, la tarjeta insertable y las citas. Skillstore presenta evidencias sin decidir si este Skill es 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"
Explora el dominio del producto, elige una dirección distintiva y define layout, color y jerarquía antes de construir.
Audita espaciado, superficies, controles, estados y tipografía para que la interfaz se sienta intencional y consistente.
Captura decisiones reutilizables de interfaz para que las pantallas futuras sigan la misma lógica de producto y el mismo sistema visual.
Usa la skill interface-design para explorar el dominio de una nueva interfaz de producto. Identifica el usuario, la tarea, el universo de color, el elemento distintivo y los valores predeterminados que se deben rechazar.
Diseña un dashboard con un modelo de navegación claro, jerarquía de superficies, escala de espaciado, estados de controles y lenguaje visual específico del dominio.
Revisa esta interfaz en busca de patrones genéricos, jerarquía débil, tokens inconsistentes, estados faltantes e intención de producto poco clara. Recomienda cambios concretos.
Extrae patrones reutilizables de esta interfaz y propón qué debería guardarse para pantallas futuras, incluidos espaciado, profundidad, componentes y dirección visual.
Autor
dammyjay93Licencia
MIT
Revisión de Skillstore
r1
Aviso de versión
El autor no declaró una versión.
Repositorio
https://github.com/dammyjay93/interface-design/tree/main/.claude/skills/interface-design/Ref.
34f316ba14ef36c7a620fc09f2676d2429997a77
Actualidad del mantenimiento
18/7/2026
Uso
6 descargas · 137 vistas
Estructura de archivos
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.
Mejora la UX con orientación de diseño basada en investigación
por shubhamsaboo
Los equipos suelen diseñar flujos a partir de suposiciones y pasan por alto problemas de accesibilidad. Esta skill guía la investigación, la estructura, el diseño de interacción y la revisión usando mejores prácticas de UX.
Mejorar el diseño visual del frontend
por Barnhardt-Enterprises-Inc
Las pantallas frontend genéricas suelen parecerse entre sí y carecen de enfoque de marca. Esta skill guía las decisiones de tipografía, color, movimiento y profundidad para crear interfaces más claras.
Diseña dashboards de KPI que impulsen decisiones
por wshobson
Los equipos suelen crear dashboards que muestran muchos números, pero no guían la acción. Esta skill ayuda a Claude, Codex y Claude Code a seleccionar KPI significativos, estructurar vistas y presentar métricas con claridad.
Diseñar Interfaces de Producto Accesibles
por sickn33
Los equipos suelen tener dificultades para convertir las necesidades de los usuarios en interfaces coherentes y accesibles. Esta skill guía la investigación, los flujos, los sistemas de diseño, los tokens y el traspaso.
Crear mejores prompts de interfaz de usuario para Google Stitch
por sickn33
Google Stitch puede producir diseños genéricos cuando los prompts carecen de detalle. Esta skill proporciona orientación estructurada para prompts de pantallas, flujos, estilo visual, accesibilidad y handoff.