Definir y construir una interfaz a partir de un brief
Guía para transformar un brief en paleta, tipografía, estructura y texto de interfaz, revisar esas decisiones y construir el frontend. Pide adaptación al contenido y revisión visual cuando sea posible; no demuestra por sí sola originalidad, accesibilidad o calidad.
Ficha elaborada por peopleofthe.ai con asistencia de IA. Consulta el criterio editorial y los límites de las pruebas.
Fuente completa, árbol de la carpeta, licencia, requisitos y hashes cotejados el 21-10-2026 en la revisión fija. No se han instalado ni ejecutado la skill o sus scripts, ni comprobado compatibilidad o eficacia. La carpeta contiene solo SKILL.md y LICENSE.txt. No incluye fuentes, imágenes, bibliotecas, aplicación ni navegador. Cualquier activo elegido necesita permisos propios; no se ha construido ni probado una interfaz con esta skill.
Antes de empezar
Comprueba que tienes lo necesario para usar este recurso.
- Brief, audiencia, contenido y restricciones visuales del proyecto.
- Agente que pueda leer instrucciones y, para construir la interfaz, editar el código de la aplicación.
- Entorno web del proyecto; navegador y capturas para la crítica visual cuando el anfitrión lo permita. No se prescribe aquí una versión concreta de framework.
- Fuentes, imágenes y otros activos con permisos adecuados si se eligen; la carpeta no suministra esos activos ni sus licencias.
- Coste de ejecución: El agente, hosting y activos o servicios externos que se elijan pueden tener coste. La guía no exige una API de pago específica ni incluye una garantía de ejecución 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.
Diseñar una página para una biblioteca de recursos con público profesional, paleta y contenido aportados. Proponer primero un sistema breve de color, tipografía y estructura, y contrastarlo con el brief.
Posible entrega: decisiones visuales justificadas, esquema de página y propuesta de implementación, con revisión pendiente en tamaños de pantalla, teclado y movimiento reducido.
Ejemplo editorial ilustrativo: entrada y salida redactadas para explicar el uso. No procede de una ejecución del recurso. Este ejemplo no es una salida observada de una prueba del recurso.
La fuente, a la vista
- Recurso original
- frontend-design
- Autor
- Anthropic (anthropics/skills)
- Versión o revisión
- dbd4588f9e1033efb41dad4bef2f7947c8993d44
- Licencia
- Apache-2.0
El ZIP conserva la carpeta frontend-design íntegra y LICENSE.txt Apache-2.0, más procedencia y nota editorial. Los originales no se han modificado. Los avisos raíz corresponden a componentes que no se incorporan en esta copia; las dependencias y activos externos requieren sus propias condiciones. La carpeta contiene solo SKILL.md y LICENSE.txt. No incluye fuentes, imágenes, bibliotecas, aplicación ni navegador. Cualquier activo elegido necesita permisos propios; no se ha construido ni probado una interfaz con esta skill.
Ver fuente original