frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications, OR when they provide screenshots/images/designs to replicate or draw inspiration from. For screenshot inputs, extracts design guidelines first using ai-multimodal analysis, then implements code following those guidelines. Generates creative, polished code that avoids generic AI aesthetics.

$ Installieren

git clone https://github.com/The1Studio/theone-training-skills /tmp/theone-training-skills && cp -r /tmp/theone-training-skills/.claude/skills/frontend-design ~/.claude/skills/theone-training-skills

// tip: Run this command in your terminal to install the skill