Habilidades make-interfaces-feel-better

📦

make-interfaces-feel-better

Name: make-interfaces-feel-better
Author: jakubkrehel

Revisión del contenido r2 Seguro ⚙️ Comandos externos

Mejorar el pulido de la interfaz

Los pequeños detalles de la UI a menudo hacen que los productos terminados se sientan poco refinados. Esta skill ayuda a Claude, Codex y Claude Code a revisar la tipografía, las superficies, el movimiento y el pulido de la interacción.

Compatible con: Claude Codex Code(CC)

🥉 78 Bronce

Instalar con mi Agente

Copia esta solicitud en tu Agente. Incluye la página canónica del Skill y el manifiesto.

Solicitud de agente

Review the Skillstore skill "make-interfaces-feel-better" from https://skillstore.io/skills/jakubkrehel-make-interfaces-feel-better.md and its manifest at https://skillstore.io/api/skills/jakubkrehel-make-interfaces-feel-better/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.

Recursos legibles por agentes

Usa estos enlaces cuando un agente de IA, crawler o script necesite contexto limpio en vez de leer la página completa.

Detalle Markdown GET /skills/jakubkrehel-make-interfaces-feel-better.md Manifest firmado GET /api/skills/jakubkrehel-make-interfaces-feel-better/manifest Lockfile firmado GET /api/skills/jakubkrehel-make-interfaces-feel-better/lockfile

Pruébalo

Usando "make-interfaces-feel-better". Una tarjeta usa el mismo radio en el contenedor exterior y en la imagen interior.

Resultado esperado:

La revisión recomienda un radio exterior más grande y un radio interior más pequeño para que las superficies anidadas se vean concéntricas.

Usando "make-interfaces-feel-better". Un icono de barra de herramientas aparece al pasar el cursor y cambia instantáneamente entre dos estados.

Resultado esperado:

La revisión recomienda hacer una transición cruzada de opacidad, escala y desenfoque para que el cambio de estado del icono se sienta fluido.

Usando "make-interfaces-feel-better". Un contador de dashboard se desplaza horizontalmente cuando los valores se actualizan.

Resultado esperado:

La revisión recomienda números tabulares para que cada dígito tenga el mismo ancho y el diseño se mantenga estable.

Auditoría de seguridad

Seguro

v5 • 7/8/2026 Abrir el informe versionado

All 50 static findings are false positives. The reported keylogger, reconnaissance, and external-command matches come from benign interface guidance, CSS examples, and Markdown code spans. No prompt injection, data-exfiltration intent, network behavior, or executable commands were found.

Archivos escaneados

1,164

Líneas analizadas

Elementos de revisión

Falsos positivos ignorados

La auditoría estática y semántica completada más reciente no detectó hallazgos de seguridad confirmados. Esto no demuestra que el skill no tenga efectos secundarios.

Auditado por: codex Ver historial de auditorías →

Compartir y citar este informe

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.

Abrir el informe versionado

Copiar enlace del informe

https://skillstore.io/skills/jakubkrehel-make-interfaces-feel-better/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Insignia Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/jakubkrehel-make-interfaces-feel-better/security.svg)](https://skillstore.io/skills/jakubkrehel-make-interfaces-feel-better?utm_source=security_passport_badge)

Insignia HTML

<a href="https://skillstore.io/skills/jakubkrehel-make-interfaces-feel-better?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/jakubkrehel-make-interfaces-feel-better/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Tarjeta para insertar

<iframe src="https://skillstore.io/embed/skills/jakubkrehel-make-interfaces-feel-better.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

Citas académicas (APA · BibTeX · CFF)

Cita APA

jakubkrehel. (2026). make-interfaces-feel-better security audit report (audit version 5) [Author version unspecified]. Skillstore. https://skillstore.io/skills/jakubkrehel-make-interfaces-feel-better/audits/5

Cita BibTeX

@techreport{jakubkrehel-jakubkrehel-make-interfaces-feel-better-2026,
  author = {jakubkrehel},
  title = {make-interfaces-feel-better security audit report (audit version 5)},
  institution = {Skillstore},
  year = {2026},
  number = {5},
  url = {https://skillstore.io/skills/jakubkrehel-make-interfaces-feel-better/audits/5},
  note = {Author version unspecified}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "make-interfaces-feel-better security audit report (audit version 5)"
version: "unspecified"
type: report
authors:
  - name: "jakubkrehel"
date-released: "2026-08-07"
url: "https://skillstore.io/skills/jakubkrehel-make-interfaces-feel-better/audits/5"
identifiers:
  - type: other
    value: "skillstore:jakubkrehel-make-interfaces-feel-better:audit:5"
    description: "Skillstore immutable audit report identifier"

Puntuación de Skillstore

Por qué esta puntuación Confianza de la evidencia: Alto

Arquitectura

Mantenibilidad

Contenido

Comunidad

Cumplimiento de la especificación

Lo que puedes crear

Pulir un componente React

Revisar un componente en busca de problemas de radio, sombras, movimiento, tipografía y áreas de interacción antes del lanzamiento.

Estandarizar detalles del sistema de diseño

Alinear el tratamiento de superficies, el comportamiento de animación y los detalles tipográficos en componentes reutilizables.

Hacer accionable el feedback de UI

Convertir feedback subjetivo en cambios de implementación concretos de antes y después.

Prueba estos prompts

Revisar un componente

Revisa este componente para pulido de UI. Devuelve una tabla de antes y después agrupada por principio.

Mejorar detalles de movimiento

Audita estas animaciones en cuanto a interrumpibilidad, temporización de entrada, temporización de salida, transiciones de iconos y comportamiento de carga de página.

Pulir superficies y tipografía

Revisa estos estilos en cuanto a radio, sombras, contornos de imágenes, alineación óptica, ajuste de texto, suavizado y números tabulares.

Realizar una pasada completa de pulido

Usa esta skill en los archivos frontend proporcionados. Agrupa cada cambio por principio en tablas concisas de antes y después.

Mejores prácticas

Aplica la orientación durante la implementación y luego verifica el resultado en la interfaz en ejecución.
Usa el formato de tabla de antes y después para que cada cambio siga siendo concreto y revisable.
Combina esta skill con comprobaciones de accesibilidad para estados de foco, contraste, soporte de teclado y movimiento reducido.

Evitar

No la uses como sustituto de investigación de usuarios, pruebas de accesibilidad o requisitos.
No apliques cada regla de animación cuando la interfaz necesite una experiencia estática más calmada.
No agregues dependencias solo por una sugerencia de animación cuando CSS puede resolverlo.