Create composition-first UI designs with full-bleed imagery and limited motion.
npx skills add https://github.com/ControlNet/oma-dotfile --skill frontend-codex
Please help me install this Agent Skill. Skill: frontend-codex Source: https://github.com/ControlNet/oma-dotfile/tree/main/skills/frontend-codex Command: npx skills add https://github.com/ControlNet/oma-dotfile --skill frontend-codex
Provides clear, production-facing guidance for designing visually strong landing pages, websites, apps, prototypes, demos, and game UIs where art direction, hierarchy, and motion determine quality rather than component count. It prevents common visual failures like generic card grids, weak branding, cluttered imagery, and aimless motion so the interface reads as deliberate and premium.
Design a visually strong landing page concept with a full-bleed hero, a one-line visual thesis, a short content plan (hero, support, detail, CTA), and three intentional motion ideas.
High-intent search queries and answers about installing and using this skill.
To design a premium landing page, prioritize composition-first layouts with full-bleed imagery, narrow text columns, and a single dominant idea rather than assembling generic component card grids.
The best way to establish UI hierarchy with motion design is to limit interactions to two or three purposeful motions, specifically entrance, scroll-linked, and hover or transition effects that reinforce visual structure.
Apply art direction to app UI prototypes by enforcing restrained product surfaces with calm backgrounds, strong typography, minimal chrome, and one clear workspace to ensure the interface reads as deliberate.
Yes, this visual design approach works for interactive demos and game UIs by applying composition-first layouts, real narrative imagery, and limited typefaces to ensure art direction determines perceived quality.
Hard rules for image-led interface design include prohibiting default card grids, limiting typefaces and accent colors, and requiring concise copy alongside real narrative imagery to prevent cluttered and weak branding.
AIDotNetDesign frontend landing pages and app prototypes with visual hierarchy and restrained composition.
liangmiQwQGenerate hi-fi HTML designs and prototypes from user briefs.
panaminiGenerates Tailwind? No, generates Tailwind-free HTML/CSS code for premium landing pages and mobile-first email layouts.
euxxDesign landing pages and app interfaces with deliberate composition and restrained motion.
