Loading...
Loading...
Found 132 Skills
Apply Fitts's Law to size and position interactive targets for fast, accurate interaction.
SaaS application template using the Partnership model. AI proposes complete vision based on proven SaaS patterns (auth, dashboard, core features, settings), then you provide context. Perfect for web applications requiring user accounts and core functionality.
Choose light, dark, or combined color mode deliberately based on brand tone and user context. Offer a theme selector only when user control genuinely matters — enterprise tools, data-heavy UIs, or extended-use applications. Use when defining the base color palette, designing a design system, or deciding whether to build dark mode support.
Add depth only when functionally necessary (elevation, not decoration)
Paint a complete visual universe with genjutsu - art direction brainstorm, design system, implementation, audit. Anti-AI-slop design pipeline. Adapts to Web, Android (Compose), Apple (SwiftUI).
Apply the Law of Continuity — the eye follows alignment and unbroken paths. Use when sequencing steps, aligning content, or designing carousels and timelines. For grouping rather than sequencing, use `law-of-proximity`.
Design, build, review, or refine production frontend interfaces for SaaS products, web apps, dashboards, onboarding flows, and landing pages. Use for frontend design work where Codex must turn requirements into clear, restrained, consistent, trustworthy UI; remove AI-generated visual clutter; improve hierarchy, states, copy, navigation, responsiveness, or usability; or polish an existing interface so users can complete their main job without confusion.
Implements feedback and notification systems including toasts, alerts, modals, progress indicators, and error states. Use when communicating system state, displaying messages, confirming actions, or showing errors.
Generate new screens from text prompts or images, edit existing screens with prompts and design system tokens, and generate design variants using Stitch MCP. Includes prompt enhancement pipeline, design mappings, professional UI/UX terminology, design tokens and theme system capabilities.
286K words of color science applied to UI/UX design. Covers OKLCH/OKLAB color spaces, palette generation, accessibility contrast ratios, color naming, pigment mixing, and historical color theory. By meodai, creator of color-names.
Elite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL OUTPUT RULE — generate ONE separate horizontal image FOR EVERY section. A landing page with 8 sections produces 8 images. Never compress multiple sections into one image. Enforces composition variety (not always left-text / right-image), background-image freedom, varied CTAs, varied hero scales (giant / mid / mini minimalist), narrative concept spine, second-read moments, and a single consistent palette across all images. Optimized for landing pages, marketing sites, and product comps that developers or coding models can accurately recreate.
Design and build client-ready websites and mobile web apps in a working studio's proven house style, shown throughout on two fictional brands (AURA Heights, The Assembly): tinted grounds, editorial typography, obsessive specificity, and proof over promise. Carries the full working loop (brief, design contract, build, review gate, multi-lens audit, ship), two verified token systems, signature component patterns, proof-driven copywriting, real-photography rules, and a mobile web-app playbook (density budget, bottom tab bar, compaction). Trigger on "make it look expensive", "make it beautiful", "high end design", "client ready", "on brand professional", "use the prom design style", "design this landing page", "make it more like an app", "too much scrolling", "add real images", "the site looks cheap", "too generic", "ai slop". Not for inventing a fresh visual direction from a blank brief: this skill applies ONE proven aesthetic.