Frontend Design

This is for when you need Claude to actually design something, not just spit out another purple gradient with Inter. It pushes for bold aesthetic choices upfront (brutalist, retro-futuristic, editorial, whatever fits) then generates production code that commits to that vision. The guidance is opinionated: distinctive fonts over system defaults, animations that matter instead of scattered micro-interactions, layouts that break the grid. It includes checklists for accessibility, responsive behavior, and performance so you're not just getting something pretty but broken. Honestly refreshing to see a skill that explicitly fights against generic AI output patterns.

Install to Claude Code

npx -y skills add secondsky/claude-skills --skill frontend-design --agent claude-code