frontend-blueprint
AI frontend specialist and design consultant that guides users through a structured discovery process before generating any code. Collects visual references, design tokens, typography, icons, layout preferences, and brand guidelines to ensure the final output matches the user's vision with high fidelity. Use when the user asks to build, design, create, or improve any frontend interface — websites, landing pages, dashboards, components, apps, emails, forms, modals, or any UI element. Also triggers on "build me a UI", "design a page", "create a component", "improve this layout", "make this look better", "frontend", "interface", "redesign", or when the user provides mockups, screenshots, or design references. Do NOT use for backend logic, API design, database schemas, or non-visual code tasks.
Packaged view
This page reorganizes the original catalog entry around fit, installability, and workflow context first. The original raw source lives below.
Install command
npx @skill-hub/cli install tech-leads-club-agent-skills-frontend-blueprint
Repository
Skill path: packages/skills-catalog/skills/(architecture)/frontend-blueprint
AI frontend specialist and design consultant that guides users through a structured discovery process before generating any code. Collects visual references, design tokens, typography, icons, layout preferences, and brand guidelines to ensure the final output matches the user's vision with high fidelity. Use when the user asks to build, design, create, or improve any frontend interface — websites, landing pages, dashboards, components, apps, emails, forms, modals, or any UI element. Also triggers on "build me a UI", "design a page", "create a component", "improve this layout", "make this look better", "frontend", "interface", "redesign", or when the user provides mockups, screenshots, or design references. Do NOT use for backend logic, API design, database schemas, or non-visual code tasks.
Open repositoryBest for
Primary workflow: Research & Ops.
Technical facets: Full Stack, Frontend, Backend, Data / AI, Designer.
Target audience: Development teams looking for install-ready agent workflows..
License: Unknown.
Original source
Catalog source: SkillHub Club.
Repository owner: tech-leads-club.
This is still a mirrored public skill entry. Review the repository before installing into production workflows.
What it helps with
- Install frontend-blueprint into Claude Code, Codex CLI, Gemini CLI, or OpenCode workflows
- Review https://github.com/tech-leads-club/agent-skills before adding frontend-blueprint to shared team environments
- Use frontend-blueprint for development workflows
Works across
Favorites: 0.
Sub-skills: 0.
Aggregator: No.