plugin87/ux-ui-agent-skills

ship

Pre-release gate — run the full gate, responsive + render checks, then produce the release checklist (README badge/current/changelog).

Ver código fuente

Cómo usar

  1. Copia el comando y revisa el paquete antes de instalarlo en tu entorno de agente.
  2. Consulta las herramientas, credenciales y entornos necesarios en el documento original.
  3. Describe las entradas y el resultado deseado; contrasta la salida con las fuentes.
npx skills add https://github.com/plugin87/ux-ui-agent-skills --skill ship

Antes de empezar

  • La instalación no incluye suscripción al modelo, cuota API ni permisos sobre tus archivos.
  • Las estrellas e instalaciones reflejan actividad, no una prueba independiente de calidad o seguridad.
Documento original del Skill

Contenido del repositorio de origen con títulos, ejemplos, código, tablas, enlaces e imágenes preservados.

Step 0 — is the kit here? This skill reads files from the kit. Check once: ls ${CLAUDE_SKILL_DIR}/../../../tokens >/dev/null 2>&1 && echo KIT_OK || echo KIT_MISSING On KIT_MISSING only the skill folders were installed, which is what npx skills add does. Say so plainly, point the user at npx ux-ui-agent-skills init or the plugin install, and stop. Do not guess the contents of a file you could not open.

Gate first, then prepare the release. Do nothing destructive without explicit confirmation (no tag, no publish) — this command verifies and drafts only.

  1. Quality gate (must be fully green before continuing):
  • node ${CLAUDE_SKILL_DIR}/../../../scripts/accuracy_report.mjs — report the real N/N.
  • node ${CLAUDE_SKILL_DIR}/../../../scripts/verify_responsive.mjs examples — no overflow at 280/320/414.
  • python3 ${CLAUDE_SKILL_DIR}/../../../scripts/check_no_emoji.py — UI + taste + instruction surface.

If anything fails, stop and fix; do not proceed to the checklist.

  1. Release checklist (per the project release rule):
  • Update README.md: version badge, "current" line, and changelog entry.
  • Confirm the bump level (major/minor/patch) with the user — it is their call.
  • Confirm examples/apple-home stays gitignored (local IP).
  • List the commits since the last tag so the changelog is accurate.
  1. Output a ready-to-review summary: the green N/N line, the proposed version,

and the drafted changelog entry. Wait for the user to approve before any git tag / publish step.

del mismo repositorio

Más Skills

Todos los Skills
plugin87
Comunidad

a11y-audit

Audit a UI or design against WCAG 2.2 AA/AAA and ARIA patterns, returning criterion-referenced findings with severity and specific fixes. Use when the user wants an accessibility check, contrast verification, keyboard/screen-reader review, or wants to confirm a component meets POUR.

instalaciones
1
GitHub Stars
2,8 mil
Actualizado
20 oct
plugin87
Comunidad

apply-aesthetic

Apply a visual direction — an archetype (high-end agency, editorial minimal, brutalist, soft-SaaS, dark-tech) or one of 138 named design systems (apple, linear-app, stripe, vercel, notion, material, shadcn, spotify, tesla…) — by resolving it into the token system. Use when the user wants a specific look/vibe/brand feel, or asks to make a design feel premium/expensive/non-generic.

instalaciones
1
GitHub Stars
2,8 mil
Actualizado
20 oct
plugin87
Comunidad

brandkit

Generate a complete, accessible brand design system from a brief — primitive → semantic → component DTCG tokens (color, type, spacing, radius, shadow, motion), light + dark, plus a single theme.css — verified for WCAG. Use when the user wants a from-scratch brand/design foundation, a new palette + type system, or a themeable token kit for a product.

instalaciones
1
GitHub Stars
2,8 mil
Actualizado
20 oct
plugin87
Comunidad

critique

Adversarial design critique of the current work — render it, look at it, and argue for rejection. Run after the gates are green, never instead of them.

instalaciones
1
GitHub Stars
2,8 mil
Actualizado
20 oct