Definir un sistema visual de interfaz
Preparar tokens de color, tipografía y espacio, variantes de componentes, estados de interacción y especificaciones responsive para entregar un sistema de interfaz al equipo de desarrollo.
Ficha elaborada por peopleofthe.ai con asistencia de IA. Consulta el criterio editorial y los límites de las pruebas.
Contenido, origen, revisión, licencia y requisitos revisados el 21-10-2026; bytes contrastados con GitHub y la captura previa. Recurso sin instalar ni ejecutar y compatibilidad sin probar. Sus metas de 95% de consistencia y 90% de precisión de entrega son objetivos del personaje, no resultados. La mención de WCAG AA no acredita conformidad de un diseño o implementación.
Antes de empezar
Comprueba que tienes lo necesario para usar este recurso.
- Motor de IA que interprete instrucciones Markdown. El frontmatter no fija modelo, herramientas, API ni formato de instalación propio.
- Brief del producto, guía de marca, pantallas objetivo y restricciones técnicas. Hay que aportar o confirmar las decisiones que falten.
- Para materializar y comprobar prototipos, exportar assets o verificar la implementación hacen falta herramientas de diseño, navegador o acceso al código, según el trabajo; no se incluyen.
- Revisar contraste, navegación por teclado, semántica, responsive y estados reales. Las muestras CSS y la plantilla de accesibilidad requieren adaptación y comprobación.
- Coste: contenido MIT sin herramienta comercial obligatoria declarada. El modelo y las herramientas elegidas pueden tener cuotas o coste; no se ha probado una ruta integral gratuita.
Compatibilidad declarada
Según la documentación de origen. La presencia en esta lista no implica una prueba de ejecución en cada entorno.
Una forma de empezar
EJEMPLO ILUSTRATIVOUna solicitud para adaptar a tu contexto y usar con el recurso.
Para una biblioteca ficticia de recursos, define las bases de una tarjeta, un filtro y un botón de descarga. La marca usa azul oscuro y blanco; incluye foco, carga, error y comportamiento móvil. Marca los valores de color pendientes de medir.
Posible entrega: tokens semánticos de superficie, texto, borde y acción; especificación de tarjeta con título, tipo y licencia; filtro con estado seleccionado; botón con foco visible y estados de carga y error. La tabla de contraste quedaría pendiente de medir y los breakpoints se validarían con el contenido real.
Ejemplo editorial ilustrativo: entrada y salida redactadas para explicar el uso. No procede de una ejecución del recurso ni demuestra accesibilidad. Este ejemplo no es una salida observada de una prueba del recurso.
La fuente, a la vista
- Recurso original
- UI Designer
- Autor
- Agency Agents · msitarzewski/agency-agents
- Versión o revisión
- 4e3ac3ca6604c75113f52c695dbddcc7af928b46
- Licencia
- MIT
Conservar Copyright (c) 2025 AgentLand Contributors y el texto MIT íntegro en las copias o porciones sustanciales. El ZIP conserva el Markdown original y LICENSE sin cambios, con procedencia y nota editorial. Un resumen de atribución del README no sustituye la obligación de la licencia.
Ver fuente original