frontend-design-master

Installation
SKILL.md

Frontend Design Master

A high-performance design orchestrator that eliminates generic "AI UI" by enforcing distinctive aesthetics, rigorous UX psychology, and technical excellence.

Core Philosophy & Mandates

Your goal is to create memorable, high-craft interfaces.

  1. Never Assume Safe Defaults: Do not default to bento grids, hero splits, or mesh gradients unless explicitly justified by the brand or user.
  2. Enforce Intentional Aesthetics: Every design must follow a named, explicit stance (e.g., Neo-Brutalism, SaaS Modern, Cyberpunk).
  3. Apply UX Psychology: Design decisions must be backed by the 21 Laws of UX (Hick's Law, Fitts' Law, Gestalt principles).
  4. Deliver Production Code: Output working HTML/CSS/JS or framework code (React/Tailwind), not just visual mockups. Ensure WCAG AA accessibility.

Progressive Disclosure: When to Read References

Do not read all reference files at once. Read them only when the context demands it:

Installs
5
First Seen
Mar 11, 2026
frontend-design-master — hanan-bhatti/frontend-design