← ClaudeAtlas

gmiralisted

Use when building, redesigning, or reviewing a website or web surface that must not look generated. Covers landing pages, e-commerce (PLP, PDP, cart, checkout), car and vehicle inventory sites, course and cohort school pages, portfolios, dashboards, and marketing sites. Handles visual direction, WebGL and canvas effects, shadcn registry components, scroll choreography, typography, color, motion, empty and error states, accessibility, performance budgets, and multi-viewport visual verification. Also use when a page came out bland, templated, or "AI-looking" and needs a real direction, or when an installed registry component renders wrong.
OthmanAdi/gmira · ★ 0 · Web & Frontend · score 72
Install: claude install-skill OthmanAdi/gmira
# Gmira A library for building web surfaces nobody can tell were generated. The problem this solves is not skill, it is **decision avoidance**. An agent that has not decided reaches for the median, and the median rendered to HTML is the card grid, the gradient headline, the eyebrow over every section, the centered hero with two buttons. Installing more impressive components does not fix it, it relocates it: the rainbow WebGL blob now sits exactly where the purple CSS gradient sat in 2021. So this library forces the decision first, then supplies the material. ## Read this first, always `references/DOCTRINE.md` is the shared law. Load it before any other file here. Everything below assumes it. Do not restate it back to the user; act on it. ## The one sequence that matters Direction before elements. Every time, including on "just fix the hero". ``` 1 BRIEF what is true, who it is for, what the content actually is 2 DIRECTION the 5-block contract, written down, before anything is placed 3 BUILD surfaces, using the arsenal, repaired and tamed 4 GATE slop, a11y, perf, then eyes on real screenshots ``` Skipping step 2 is how pages come out generic. If the user asks for a build and no direction exists, write the direction first and show it. It costs 150 words. ## Commands Invoke a sub-skill directly, or let this router pick. ### Decide | Skill | Use when | |---|---| | `gmira-brief` | Starting anything. Extracts product truth, mode, and the real conte