Índice de las 23 Skills de IA // Ryukami-UI (Scorch v4.1)
CONTROL Y REVISIÓN 1 A 1
Lista de verificación para revisar y tachar (
[x]o[ ]) las habilidades adaptadas desde 8bitcn-ui hacia la arquitectura de Ryukami-UI.
Grupo 1: Patrones de Diseño Retro & Pixel Art (4 Skills)
- 8-bit-pixel-art-patterns — Bordes dentados mediante 9 divs absolutos y clase
.pixel-corners. - retro-css-architecture — Arquitectura CSS-first con Tailwind 4 (
@theme), fuentes WOFF2 locales y WCAG AA. - animation-performance-retro — Animaciones por hardware GPU, keyframes con
step-endy física mecánica. - rendering-animate-svg — Envoltorios acelerados para SVGs vectoriales e integración con
Icon.astro.
Grupo 2: Telemetría Gamer y Gaming UI (1 Skill)
- gaming-ui-state-management — Barras de Vida (HP), Maná (MP), XP, estado de jefes y alerta arcade
LEVEL UP!.
Grupo 3: Arquitectura shadcn y Registro Abierto (3 Skills)
- component-wrapper-architecture — Interfaces estrictas
Props, composición con slots y polimorfismo seguro. - registry-component-patterns — Esquema JSON en
public/r/*.json, cálculo criptográfico SHA-256 y CLI. - shadcn-ui-conventions — Convenciones de nombres, variantes semánticas y controles de ventana
[ - ][ □ ][ × ].
Grupo 4: Sistema de Documentación (3 Skills)
- fumadocs-component-docs — Layout de ficha técnica con vista previa, código multi-framework y props.
- fumadocs-mdx-structure — Estructura documental y callouts canónicos de Obsidian (
[!dragon],[!scorch]). - fumadocs-registry-integration — Vinculación del compilador
build-registry.tscon la documentación web.
Grupo 5: Reglas de Rendimiento JavaScript y TypeScript (12 Skills)
- bundle-barrel-imports — Evitar barrel files masivos para mantener 0 KiB de sobrecarga.
- bundle-dynamic-imports — Directivas de hidratación (
client:visible,client:idle) e imports dinámicos. - js-early-exit — Cláusulas de guardia planas para evitar anidación profunda.
- js-hoist-regexp — Elevación de RegExp a nivel de módulo para evitar recompilaciones.
- js-set-map-lookups — Búsquedas con Set y Map en rutas críticas.
- js-tosorted-immutable — Ordenamientos inmutables con
toSorted()en TypeScript. - rendering-conditional-render — Renderizado condicional explícito para evitar ceros falsos (
0). - rendering-hoist-jsx — Constantes estáticas elevadas fuera de bucles de renderizado.
- rerender-functional-setstate — Forma funcional atómica (
prev => next) contra stale closures. - rerender-lazy-state — Inicialización perezosa de localStorage y Web Audio API.
- rerender-memo — Caché de buffers de audio y búsquedas complejas.
- 8bit-docs-patterns — Redacción técnica con terminología retro y cero emojis.
📦 Cómo jalar una skill a un proyecto
Copiar solo la que necesitas
# Claude Code / Claude cp -r "03_Conocimiento/Skills & Agentes/Scorch Ryukami Skills/rerender-memo" \ "$PROYECTO/.claude/skills/" # OpenCode cp -r "03_Conocimiento/Skills & Agentes/Scorch Ryukami Skills/rerender-memo" \ "$PROYECTO/.agents/skills/"
La regla
La bóveda es la biblioteca editable; el proyecto recibe solo la copia que necesita. Así revisas y versionas aquí sin ensuciar el repo de Ryukami-UI.