Skills for Real Engineers. Straight from my .agents directory.
39 skills
frontend-blueprint
Agent skill from
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.
How to install frontend-blueprint
install frontend-blueprint
# install the agent-skills pack with the skills CLI
npx skills add tech-leads-club/agent-skills# or add only this skill to Claude Code: copy the folder
packages/skills-catalog/skills/(architecture)/frontend-blueprint/
# into
~/.claude/skills/frontend-blueprint/ (all projects)
.claude/skills/frontend-blueprint/ (one project)
More skills in agent-skills
- ▸component-common-domain-detection
- ▸component-flattening-analysis
- ▸component-identification-sizing
- ▸coupling-analysis
- ▸decomposition-planning-roadmap
- ▸domain-analysis
- ▸domain-identification-grouping
- ▸evolutionary-modular-architecture
- ▸legacy-migration-planner
- ▸modular-decomposition
- ▸modular-design-principles
- ▸react-composition-patterns
Keep exploring
Similar skill repositories
An agentic skills framework & software development methodology that works.
15 skills
Public repository for Agent Skills
20 skills
Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.
CCCU6 skills
An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
CCCXCUGH6 skills
Persistent Context Across Sessions for Every Agent – Captures everything your agent does during sessions, compresses it with AI, and injects relevant context back into future sessions. Works with Claude Code, OpenClaw, Codex, Gemini, Hermes, Copilot, OpenCode + More
CCCXGHGM+135 skills