Skills for Real Engineers. Straight from my .agents directory.
39 skills
frontend-design
Agent skill from
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications. Generates creative, polished code that avoids generic AI aesthetics. Do NOT use for design review or audit (use web-design-guidelines or web-quality-audit).
How to install frontend-design
install frontend-design
# 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/(design)/frontend-design/
# into
~/.claude/skills/frontend-design/ (all projects)
.claude/skills/frontend-design/ (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
- ▸frontend-blueprint
- ▸legacy-migration-planner
- ▸modular-decomposition
- ▸modular-design-principles
Keep exploring
Similar skill repositories
An agentic skills framework & software development methodology that works.
15 skills
A single CLAUDE.md file to improve Claude Code behavior, derived from Andrej Karpathy's observations on LLM coding pitfalls.
CC1 skill
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