Frontend Design

This is a design system that actively tries to break you out of AI-generated clichés. It mandates reading ux-psychology.md first, then pulls in optional modules for color, typography, and effects only when needed. The philosophy is aggressive: it calls out bento grids, glassmorphism, and fintech blue as lazy defaults, then forces you to ask users about preferences instead of assuming. You get constraint analysis templates, the golden ratio for proportions, 60-30-10 color rules, and Python scripts for UX audits. It's opinionated about avoiding the same hero layouts and mesh gradients that make everything look generated. If you're tired of designing sites that all feel like they came from the same template, this walks you through thinking instead of pattern-matching.

skills.sh installs: 320
GitHub stars: 7.6K
last updated: Jun 3, 2026

View on GitHub

Install

$ npx -y skills add vudovn/antigravity-kit --skill frontend-design --agent claude-code

Installs into .claude/skills of the current project.

Files

Style variants & tools — read the matching file only when the brief calls for it:

File When to read
style-minimalist.md Clean, editorial, monochrome minimalism
style-brutalist.md Raw industrial / terminal, data-heavy
redesign.md Upgrading an existing UI (audit-first)
scripts/ux_audit.py UX & accessibility audit of built UI
scripts/accessibility_checker.py Focused accessibility check

Design rules below adapted from taste-skill by Leonxlnx (MIT). Mobile UI lives in the separate mobile-design skill.

Frontend Design — Anti-Slop Web UI

Landing pages, portfolios, and redesigns. Not dashboards, not data tables, not multi-step product UI. Every rule below is contextual. None of it fires automatically. First read the brief, then pull only what fits.

0. BRIEF INFERENCE (Read the Room Before Anything Else)

SKILL.md on GitHub

Details

Repository: github.com/vudovn/antigravity-kit
Categories: Frontend Development, Design & UI/UX
First seen: Jun 3, 2026