Frontend y UI
pick-ui-library
Asocia una tarea de frontend a una única librería recomendada, curada y con criterio.
Qué es
Una skill de consulta que se invoca de forma explícita. Asigna a una tarea concreta una única librería recomendada de una tabla curada que cubre primitivas, movimiento, gráficos, virtualización, estado y estilos.
Pick the right library for a given frontend task from a curated, opinionated list — numbers, OTP inputs, charts, command menus, virtualization, drag and drop, toasts, state, styling, and more. Only runs when explicitly i
Por qué importa para el diseño
- Una recomendación por tarea, así no hay un menú de opciones sobre el que discutir.
- Revisa primero package.json, así reutiliza lo que el proyecto ya tiene.
- Detecta los dropdowns y toasts hechos a mano, y los sustituye por primitivas accesibles.
Qué cubre
- How to use this
- UI components and primitives
- Motion and visuals
- Charts
- State and styling
- Common mismatches to catch
Cómo instalarlo
pick-ui-library
-
Clona el repositorio.
git clone https://github.com/emilkowalski/skills -
Señálale a Codex el archivo de la skill.
skills/pick-ui-library/SKILL.md -
Luego describe la interfaz que quieres. Codex sigue la skill.
Cómo ejecutarlo con Codex
-
Invócala de forma explícita; nunca se dispara por su cuenta.
-
Indica la tarea, no el nombre de la librería, como «necesito toasts».
-
Nombra una librería, explica su uso y luego la integra.
Todos los plugins de esta colección son gratuitos, de código abierto y enlazan a su fuente original real.
Más en la lista codex-design ↗Más plugins de diseño para Codex
Frontend y UI Qué hace gpt-taste Crea landing pages de estilo premiado con movimiento de scroll GSAP y rejillas bento sin huecos. 
Sistemas de diseño Qué hace Stitch Design Taste Escribe un DESIGN.md que orienta a Google Stitch hacia pantallas que no son genéricas. 
Frontend y UI Qué hace image-to-code Primero genera imágenes de diseño, las analiza y luego construye el código frontend correspondiente. 
Frontend y UI Qué hace imagegen-frontend-mobile Genera flujos de pantallas de apps móviles premium como imágenes, no como código. Siguiente paso
Diseña con Open Design, sin montar nada
Instálalo tú mismo, o ejecuta toda una capa de diseño curada alrededor de Codex con Open Design. Trae tu propia key: lo que produzcas es tuyo.