Guía de lectura localizada
frontend-designFinalidad, uso y origen
Guía para un diseño visual distintivo e intencional al crear nuevas interfaces de usuario o rediseñar las existentes. Ayuda con la dirección estética, la tipografía y la toma de decisiones que no parezcan plantillas predeterminadas.
Fuente recuperada:
- Repositorio de origen
- anthropics/skills
- SKILL.md
skills/frontend-design/SKILL.md- Estrellas del repositorio
- 185,373
- Actualización del repositorio
- 2026-10-29
- Clasificación de habilidades
- Diseño
- Última recopilación
Licencia: Documentos de licencia pendientes de verificación
Los extractos del flujo de trabajo son guías de lectura, no instrucciones ejecutables de Codez. No se utilizó ninguna habilidad de terceros para generar esta página.
Los siguientes fragmentos sobre el propósito y el flujo de trabajo son material preliminar, organizado y traducido para su lectura. Son distintos del análisis editorial de Codez, que se presenta por separado.
Lo que hace esta habilidad
Guía para un diseño visual distintivo e intencional al crear nuevas interfaces de usuario o rediseñar las existentes. Ayuda con la dirección estética, la tipografía y la toma de decisiones que no parezcan plantillas predeterminadas.
Cómo funciona el flujo de trabajo ascendente
Proceso: planificar, revisar en función del briefing, construir, criticar
Para la calibración, el diseño generado por IA actualmente se agrupa en torno a algunos rasgos: un fondo crema cálido (cerca del #F4F1EA) con una presentación serif de alto contraste y un acento terracota o arcilla cálida (a menudo cerca del #D97757— El acento de interacción de Claude propio de Anthropic, por lo que en el resumen de un usuario se lee como una señal); un fondo casi negro con un único acento verde ácido brillante o bermellón; un diseño de estilo de hoja ancha con líneas finas, radio de borde cero y columnas densas como las de un periódico;
Paso río arriba · L36 ↗Diseño de interfaz
Aborda este proyecto como el diseñador principal de un estudio conocido por crear una identidad visual única para cada cliente, inconfundible. Este cliente ya ha rechazado propuestas que parecían clichés o repetitivas, y está pagando por una perspectiva distintiva: toma decisiones deliberadas y con criterio sobre la paleta de colores, la tipografía y la maquetación, adaptadas a este encargo, y asume riesgos estéticos si está justificado.
Paso río arriba · L7 ↗Fundamenta tus diseños en el tema.
Si el briefing no identifica cuál es el producto o el tema, identifíquelo usted mismo antes de diseñar y confírmelo con el cliente. Puede proponer un tema concreto, el público objetivo del diseño y su función principal. Si recuerda alguna información sobre las preferencias del cliente o el contexto de lo que están construyendo, utilícela como pista. La industria, el tema, los materiales y el lenguaje del tema son de donde surgen las elecciones visuales distintivas: un diseño para un juguete para niñas de8–11Será estéticamente muy diferente a un panel de control para analistas financieros. Desarrolla la interfaz teniendo en cuenta el contenido y el tema reales del brief.
Paso río arriba · L11 ↗Requisitos y configuración
No se seleccionó ningún fragmento de requisitos breves de este archivo. Esto no significa que la habilidad no tenga dependencias. Consulte las instrucciones de configuración del repositorio y los archivos de referencia.
Límites y controles de calidad
No se seleccionó ningún pasaje con límites específicos en este archivo. Esto no significa que la habilidad sea segura para cualquier entrada o entorno. Revise el código fuente completo y valide su propio resultado.
Comience con una prueba segura.
- Verifique el host compatible y las instrucciones de instalación del repositorio. Mantenga juntos el directorio Skill y sus scripts, recursos y documentación a los que hace referencia;SKILL.mdsolo puede omitir dependencias.
- Proporcione al agente sus datos reales, el resultado deseado y los criterios de aceptación. La sintaxis de invocación y las herramientas disponibles dependen del sistema anfitrión; este sitio no presupone un comando de instalación universal.
- Pruebe el flujo de trabajo original en un proyecto desechable o en una copia. Revise las operaciones que modifican archivos, servicios remotos o recursos facturables antes de autorizarlas.
- Valide el resultado comparándolo con los controles de calidad de origen y sus propios requisitos. Un activador exitoso o un alto número de estrellas en el repositorio no garantizan un resultado correcto.
Lea más en la fuente
Habilidades relacionadas
Traducción y alcance
Esta guía de lectura selecciona pasajes de la sección fijada en la parte superior.SKILL.mdLa traducción es asistida. No se trata de un manual completo ni garantiza la compatibilidad. Lea el original y los archivos a los que hace referencia antes de usarlo.
Esta introducción hace referencia a la versión fijada a continuación; la actividad actual del repositorio y la hora de recopilación se muestran por separado.
- Fuente fijada
- Lee el original ↗
- Fuente recuperada
- Confirmación de origen
ca45fc496a3436251f191354091d557da31c15b5- Fuente SHA-256
d91970639e9f5c37682ac7ab60094d35f1c7c1f38d731bd56396563aee10c1d3