📦

better-ui

Name: better-ui
Author: jakubkrehel

Revisión del contenido r1 Seguro ⚙️ Comandos externos

Polish Interfaces with Precise UI Guidance

Small inconsistencies in motion, surfaces, and icons can make an interface feel unfinished. This skill provides concrete rules and values for focused improvements.

Compatible con: Claude Codex Code(CC)

🥉 77 Bronce

Maintain this Skill? Claim it 🥉 77 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 "better-ui" from https://skillstore.io/skills/jakubkrehel-better-ui.md and its manifest at https://skillstore.io/api/skills/jakubkrehel-better-ui/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-better-ui.md Manifest firmado GET /api/skills/jakubkrehel-better-ui/manifest Lockfile firmado GET /api/skills/jakubkrehel-better-ui/lockfile

Pruébalo

Usando "better-ui". Review a card with equal inner and outer radii and eight pixels of padding.

Resultado esperado:

MEDIUM: The nested radii are not concentric. Increase the outer radius by eight pixels to match the visible inset.

Usando "better-ui". Review a toolbar that uses mixed icon libraries and transition-all.

Resultado esperado:

MEDIUM: Mixed stroke conventions make toolbar icons visually inconsistent. Use one icon library for the surface.
MEDIUM: The broad transition can animate unintended properties. Name only the properties that change.

Usando "better-ui". Review a theme toggle that slowly crossfades the whole page.

Resultado esperado:

HIGH: Theme colors transition together and obscure the state change. Disable transitions during the theme update, then restore them after the next paint.

Auditoría de seguridad

Seguro

v1 • 10/9/2026 Abrir el informe versionado

All 30 static findings are false positives caused by design prose, CSS examples, and Markdown inline-code formatting. The reviewed files contain no keylogging, system reconnaissance, shell execution, prompt injection, or other malicious intent.

Archivos escaneados

994

Líneas analizadas

Elementos de revisión

Falsos positivos ignorados

Factores de riesgo

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

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-better-ui/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Insignia Markdown

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

Insignia HTML

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

Tarjeta para insertar

<iframe src="https://skillstore.io/embed/skills/jakubkrehel-better-ui.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). better-ui security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/jakubkrehel-better-ui/audits/1

Cita BibTeX

@techreport{jakubkrehel-jakubkrehel-better-ui-2026,
  author = {jakubkrehel},
  title = {better-ui security audit report (audit version 1)},
  institution = {Skillstore},
  year = {2026},
  number = {1},
  url = {https://skillstore.io/skills/jakubkrehel-better-ui/audits/1},
  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: "better-ui security audit report (audit version 1)"
version: "unspecified"
type: report
authors:
  - name: "jakubkrehel"
date-released: "2026-09-10"
url: "https://skillstore.io/skills/jakubkrehel-better-ui/audits/1"
identifiers:
  - type: other
    value: "skillstore:jakubkrehel-better-ui:audit:1"
    description: "Skillstore immutable audit report identifier"

Puntuación de Skillstore

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

Arquitectura

Mantenibilidad

Contenido

Comunidad

Cumplimiento de la especificación

Lo que puedes crear

Review a product interface

Audit an existing interface for inconsistent surfaces, icon treatment, and motion behavior before release.

Refine frontend components

Apply exact CSS and component guidance to buttons, cards, image treatments, and animated states.

Standardize a design system

Turn repeated interface issues into consistent rules for motion, elevation, icon weight, and state feedback.

Prueba estos prompts

Quick interface review

Review this interface for visible UI polish issues. List each issue by severity, location, suggested change, and user impact.

Polish a component

Improve this component while preserving its design system. Check radius, alignment, surfaces, icon weight, interaction feedback, and motion values.

Audit motion behavior

Audit every animated state in this interface. Check interruptibility, duration, easing, first-render behavior, theme switching, exits, and static feedback cues.

Perform a complete polish audit

Inspect all supplied interface files and available browser states. Group root causes, cite every location, propose exact fixes, and report unverified checks.

Mejores prácticas

Preserve the project's component library, tokens, density, and established motion language.
Inspect every defined state and report any browser checks that could not be completed.
Group repeated symptoms under one root cause and cite every affected location.

Evitar

Do not replace structural borders or accessible focus outlines with decorative shadows.
Do not use transition-all or persistent will-change declarations across many elements.
Do not add expressive motion to frequent interactions or make motion the only state cue.