Skill Atlas

Frontend Design

Full interfaces — dashboards, landing pages, app screens — built with craft and care.

Install this skill

npx skillatlas install --auto-update

Your UI deserves better than another navy-and-white card grid with Inter and a purple gradient. This skill gives your AI coding agent a real design sensibility — it commits to a visual direction, writes a brief before touching a line of code, and ships interfaces that actually look like someone made deliberate choices.

It handles the full surface: landing pages, dashboards, forms, component libraries, design systems, and existing codebases you just want to stop being embarrassed by. It checks hover states, empty states, mobile viewports, keyboard navigation, and accessible contrast — because production UI has edge cases and a real design system, not a vibes-first prototype that falls apart when someone types a long name.

The result is frontend code that could belong to a specific product, not any product. Something you'd want to show someone.