🎯

frontend-implementation

🎯Skill

from mae616/design-skills

What it does

A frontend implementation skill for translating designs and UI requirements into robust, extensible code with focus on maintaining ratios and alignment rather than pixel-perfect copying, supporting Figma/Pencil/Canva outputs.

📦

Same repository

mae616/design-skills(5 items)

frontend-implementation

Installation

Vibe Index InstallInstalls to .claude/skills/ - auto-recognized by Claude Code

npx vibeindex add mae616/design-skills --skill frontend-implementation

skills.sh Install⚠ Installs to .agents/skills/ - may not be auto-recognized by Claude Code

npx skills add mae616/design-skills --skill frontend-implementation

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/frontend-implementation/SKILL.md

SKILL.md

58Installs

AddedFeb 4, 2026

View on GitHub Back to Skills

More from this repository4

🎯

usability-psychologist🎯Skill

A collection of UI/UX design decision skills for Claude Code and AI agents, covering ui-designer, frontend-implementation, creative-coder (animations), accessibility-engineer, and usability-psychologist with automatic activation and English/Japanese language support.

🎯

creative-coder🎯Skill

Translates motion and interaction design into performant, accessible UI experiences with minimal, purposeful animations.

🎯

ui-designer🎯Skill

Designs comprehensive UI specifications by systematically defining information architecture, interaction flows, components, and visual guidelines.

🎯

accessibility-engineer🎯Skill

An accessibility engineering skill for applying semantic HTML/JSX and WAI-ARIA correctly, especially for forms, interactive components, and UI implementation.