Detalle del Skill
frontend-design
Relevant design-to-code UI work, though narrowly frontend implementation-focused.
Revisar antes de usar
La revisión automática comprueba relevancia, no seguridad ni respaldo. Lee las instrucciones de la fuente antes de usar este Skill.
SKILL.md
Este extracto es una copia guardada durante la revisión. La fuente externa contiene la versión completa y actual.
--- name: frontend-design display_name: Frontend Design description: Design pixel-perfect frontend UIs with HTML/CSS/Tailwind — responsive layouts, component libraries, and design-to-code workflows. category: Creative & Design platforms: [claude.ai, claude-code, api] version: 1.0.0 author: Claude Code tags: [frontend-design] --- # Frontend Design ## Overview Design pixel-perfect frontend UIs with HTML/CSS/Tailwind — responsive layouts, component libraries, and design-to-code workflows. ## When to Use This Skill Use **Frontend Design** when you need to: - Work with frontend design tasks in your project or workflow - Automate frontend design operations at scale - Generate production-quality frontend design output quickly ## Instructions When this skill is active, Claude will: 1. Understand the full context of your frontend design request 2. Apply best practices and conventions for Creative & Design 3. Produce clean, well-structured, production-ready output 4. Explain key decisions and offer alternatives where relevant ## Examples ### Example 1 — Basic Usage **User:** Help me get started with frontend design. **Claude:** I'll walk you through the essential steps for frontend design in your context... ### Example 2 — Advanced Usage **User:** I need a production-ready frontend design setup with full error handling. **Claude:** Here's a complete, production-hardened frontend design implementation... ## Guidelines - Always validate inputs before processing - Follow the conventions of the target platform or language - Prefer explicit over implicit — clarity beats cleverness - Include comments for non-obvious logic - Suggest tests or validation steps where appropriate ## Dependencies Required: html, css, tailwind ## Platforms Available on: claude.ai, claude-code, api --- *Part of the [claude-skills](https://github.com/inbharatai/claude-skills) collection — 183+ skills for Claude.*Leer la fuente completa en GitHub (abre una página externa)