Skill-Details
frontend-design
Relevant design-to-code UI work, though narrowly frontend implementation-focused.
Vor Nutzung prüfen
Die automatische Prüfung bewertet Relevanz, nicht Sicherheit oder Empfehlung. Lies vor der Nutzung die Quellanweisungen.
SKILL.md
Dieser Auszug wurde bei der Prüfung gespeichert. Die externe Quelle enthält die vollständige und aktuelle Version.
--- 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.*Vollständige Quelle auf GitHub lesen (öffnet externe Seite)