Skills for Real Engineers. Straight from my .agents directory.
39 skills
figma-implement-design
Agent skill from
Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and project-convention translation). Use when the user provides Figma URLs or node IDs and asks to implement designs or components that must match Figma specs. Requires a working Figma MCP server connection. Do NOT use for general Figma data fetching, variable exploration, or MCP troubleshooting (use figma instead).
How to install figma-implement-design
install figma-implement-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)/figma-implement-design/
# into
~/.claude/skills/figma-implement-design/ (all projects)
.claude/skills/figma-implement-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