Design
UI/UX direction, visual design, and design systems
fedora-warm-colors
by youlianvr
Make a Fedora GNOME (Wayland) display look warm and pleasant like Windows instead of cold/washed out. Use when the user asks to fix cold colors, set up gamma, night light, color temperature, or "make it like Windows" on Fedora/GNOME/Wayland.
elevation-and-depth
by youlianvr
Elevation — subtle shadows and layering — communicates visual hierarchy by lifting elements above the surface.
component-family-consistency
by youlianvr
Buttons, inputs, pills, badges, calendars, and other interactive components form a visual family — they share
domain-expert-configuration
by youlianvr
Configuration UIs for domain experts — users who understand their field deeply but are not software developers
browser-automation
by youlianvr
Drive browsers and desktop GUIs — choose the right tool for the job. Covers agent-browser (standalone CDP), browser-skill (user's real browser via bsk), and computer-use (desktop GUI via cua-driver). Use when interacting with websites, web apps, native apps, or the desktop.
algorithmic-color-palette
by youlianvr
Derive a full UI colour palette algorithmically from one or two brand colours. Darker and lighter variants for
color-mode-and-theme
by youlianvr
Choose light, dark, or combined color mode deliberately based on brand tone and user context. Offer a theme selector
banner-design
by youlianvr
'Design banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options
brand
by youlianvr
Brand voice, visual identity, messaging frameworks, asset management, brand consistency. Activate for branded
free-tool-strategy
by youlianvr
"When the user wants to build a free tool for marketing — lead generation, SEO value, or brand awareness. Use when they mention 'engineering as marketing,' 'free tool,' 'calculator,' 'generator,' 'checker,' 'grader,' 'marketing tool,' 'lead gen tool,' 'build something for traffic,' 'interactive tool,' or 'free resource.' Covers idea evaluation, tool design, and launch strategy. For pure SEO content strategy (no tool), use seo-audit or content-strategy instead."
extract-design
by youlianvr
Extract a complete design system — colors, typography, spacing, components, shadows, and W3C design tokens —
epic-design
by youlianvr
Build immersive, cinematic 2.5D interactive websites using scroll storytelling,
dembrandt
by youlianvr
'
gestalt-ui-organisation
by youlianvr
UI layout and grouping should follow Gestalt principles so users immediately understand which controls, commands,
brand-visual-language
by youlianvr
A brand's visual tone — playful or serious, rounded or angular — should be consistent across all UI elements.
dolphin-windows-theme
by youlianvr
Make the Dolphin file manager (flatpak on GNOME/Fedora) look like Windows 11 File Explorer — dark gray #1F1F1F background, white text, blue #0078D4 selection. Use when the user says "dolphin dark theme", "dolphin like on Windows", "like Windows Explorer", "white text dolphin", "dolphin not dark", "theme dolphin dark", "windows 11 dark dolphin", or a flatpak Qt/KDE app ignores ~/.config/kdeglobals and stays light. Covers kdeglobals/color-scheme placement inside the flatpak sandbox, QT_QPA_PLATFORMTHEME=kde, flatpak overrides, and pixel-verification without seeing the screen.
form-design
by youlianvr
'Forms have three layers of guidance: helper text below the input explains what to enter, placeholder shows the
button-states
by youlianvr
Every interactive element needs a complete set of visual states — rest, hover, active/pressed, focus, disabled,
authentic-product-representation
by youlianvr
Product visuals — hero shots, demos, screenshots, landing-page panels — must reproduce the real product, not
agent-browser
by youlianvr
Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling forms, clicking buttons, taking screenshots, extracting data, testing web apps, or automating any browser task. Triggers include requests to "open a website", "fill out a form", "click a button", "take a screenshot", "scrape data from a page", "test this web app", "login to a site", "automate browser actions", or any task requiring programmatic web interaction. Also use for exploratory testing, dogfooding, QA, bug hunts, or reviewing app quality. Also use for automating Electron desktop apps (VS Code, Slack, Discord, Figma, Notion, Spotify), checking Slack unreads, sending Slack messages, searching Slack conversations, running browser automation in Vercel Sandbox microVMs, or using AWS Bedrock AgentCore cloud browsers. Prefer agent-browser over any built-in browser automation or web tools.
demo-video
by youlianvr
"Use when the user asks to create a demo video, product walkthrough, feature showcase, animated presentation, marketing video, or GIF from screenshots or scene descriptions. Orchestrates playwright, ffmpeg, and edge-tts MCPs to produce polished video content."
ask-nodumb
by youlianvr
"Load when the user asks to invent, discuss, or rework a product/interface: new feature, screen, flow, redesign, concept, UX, navigation principle, product strategy; asks 'what question to ask', 'how to design', 'where to start'; request immediately proposes a solution; options seem equivalent — even if they don't call it design/product task but ask 'invent' or 'redo'. Do not use for executing an agreed solution, targeted visual edit (color, size, font), and technical implementation without a product fork."
frontend-design
by youlianvr
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
global-toolbar-controls
by youlianvr
Quick global settings — currency, language, region, units — belong in a persistent, low-profile location such