Skills de tareas
Anthropic Skills · Frontend Design
Planifique, cree y critique una interfaz con opciones deliberadas de diseño, tipografía e interacción.
Presentación
Preparado por LessAI Tools a partir de documentación pública
La habilidad frontend-design guía a un asistente a través de decisiones visuales para una nueva interfaz o una página existente. Comienza con el producto y la audiencia, desarrolla un plan de diseño, luego aplica y critica ese plan mientras construye.
Úselo cuando una interfaz parezca genérica o sus prioridades visuales no estén claras. Incluye guía de implementación y comprobaciones de diseños móviles, enfoque del teclado y presentación accesible; no reemplaza los requisitos del producto ni las pruebas funcionales.
Primeros pasos
Qué necesitas
- Utilice un asistente que pueda cargar la habilidad y leer o editar su proyecto frontend. Siga las instrucciones oficiales para ese cliente.
- Proporcione el resumen real, el contenido y las limitaciones del proyecto. Obtenga una vista previa de la interfaz resultante en un navegador y verifique su comportamiento.
Limitaciones y costes
- Esta es una guía de diseño e implementación, no una promesa de lógica empresarial correcta o cumplimiento automático de accesibilidad.
- El repositorio contiene otras habilidades con sus propios términos de licencia. Verifique la habilidad seleccionada y cualquier activo al que se haga referencia antes de usarlo.
- Las estrellas GitHub describen a anthropics/skills en su conjunto, no a frontend-design solo. Este sitio ha revisado la documentación, no ha probado la instalación de todas las habilidades incluidas.
Basado en documentación pública; no se ha instalado y probado cada proyecto.
Formas de usarlo
- frontend-design: conecte la dirección visual con el producto, la audiencia y el contenido de la página reales.
- Elija una paleta, una tipografía y un diseño consistentes, luego aplique el plan mientras construye la interfaz.
- Critique el resultado por su comportamiento móvil, enfoque del teclado, legibilidad y decoración innecesaria.
Proyecto y documentación oficiales
Descripción del proyecto (traducida)
Repositorio público de habilidades de agente
Plugins para tareas similares
Primero coincide el uso principal; después, tareas comunes y estrellas. La configuración puede variar.
- Taste Skill — Déle a un sitio web público una dirección visual deliberada y luego verifique el resultado en un navegador.
- Text to CAD — Describe formas y medidas para crear piezas 3D editables con IA.
- Stitch Skills — Guía de un texto o imagen a diseños y componentes frontend.