Define a 150-word visual design contract for web interfaces.
npx skills add https://github.com/OthmanAdi/gmira --skill gmira-direction
Please help me install this Agent Skill. Skill: gmira-direction Source: https://github.com/OthmanAdi/gmira/tree/main/skills/gmira-direction Command: npx skills add https://github.com/OthmanAdi/gmira --skill gmira-direction
This skill solves the problem of AI-generated web interfaces looking bland, templated, and interchangeable. It forces the model to move beyond deterministic design priors by requiring a concrete, falsifiable visual contract before any code is written.
Use the gmira-direction skill to establish a formal visual contract for the new landing page before starting any component implementation.
High-intent search queries and answers about installing and using this skill.
To stop AI-generated web interfaces from looking generic, enforce a 150-word visual design contract using external material world references. This forces the model to adopt specific, falsifiable aesthetic constraints before generating UI code.
A falsifiable design contract for UI/UX development is a rigorous, 150-word structural thesis that defines a non-generic visual direction. It uses five specific blocks of criteria that can be audited against actual UI screenshots.
To apply a specific material world aesthetic to a landing page design, select an external reference like a 1970s technical manual. Establish this formal visual contract before starting any component implementation to avoid category-based design ruts.
You need a formal visual contract for web design when a design review keeps producing small, ineffective fixes. It externalizes decision making to prevent the model from relying on its own deterministic aesthetic biases.
This UI design approach does not work without external design references. It requires an external index to select material worlds, which actively prevents the AI from defaulting to its own generic, templated design priors.
The limitation of using category-based design constraints for web interfaces is that they trap output in design ruts. The gmira-direction method explicitly excludes these generic priors by enforcing a five-block structural thesis instead.
ZpankzDecompose a thesis into falsifiable claims and generate an N×N critique matrix.
dotruruTranslate design briefs into frontend interfaces and components.
mkusakaRun a web development server, drive headless Chromium, and capture screenshots.
Shawn-Guo-CNGenerate frontend interfaces with intentional typography, color, motion, and spatial composition.
