Design
Ui Design Guide
Use when users need visual direction, interface hierarchy, layout decisions, design specifications, or prototypes before implementing a Web or mini program UI.
Design
forge-brutalist
Hard mechanical UI register with Swiss typographic print and military terminal aesthetics. Rigid grids, extreme type contrast, sans+mono pairing, utilitarian color, numbered sectio…
Design
building-tuning-panels
Builds live parameter tuning panels as floating developer overlays with sliders, toggles, color pickers, dropdowns, and spring controls wired to app values for real-time visual exp…
Web
coss
Helps implement coss UI components correctly. Use when building UIs with coss primitives such as buttons, dialogs, selects, forms, menus, tabs, inputs, and toasts, migrating from s…
Design
forge-minimalist
Editorial product UI register with restrained three-color palette, crisp structure, generous whitespace, single accent moment, and type-driven design. Includes ready-to-paste palet…
Web
forge-frontend
Produce premium frontend code without locking to a single visual style. Improves layout, typography, motion, and spacing over default baselines. Includes failure-mode patterns to a…
Design
ai-ui-generation
AI-assisted UI generation patterns for JSON rendering, v0.app, Google Stitch, Bolt Cloud, and multi-agent workflows. Includes prompt engineering for components and full-stack apps,…
Design
ds-rr-screen
Generate UI screens and interfaces using only components and tokens from the @romainrichardpro Design System. Apply to any screen, page, form, or layout requiring DS elements such …
Testing
auditing-compose-performance
Runs an end-to-end Jetpack Compose performance audit for broad symptoms like sluggishness or rough scrolling. Sequences Measure → Diagnose → Fix → Verify phases across 25 focused s…
Web
agevolt-datagrid-v4-view-designer
Design AgeVolt DataGrid V4 views for product or non-programming tasks. Create menu_view specs, columns, presets, visibility, sorting, filtering, grouping, renderCell, valueFormatte…
Web
tab-accordion
Generates or refines tab and accordion UI components for organizing content. Triggers on mentions of tab components, accordions, expandable sections, collapsible content, tabbed in…
Design
claude-design-to-swiftui
Converts Claude design prototypes or HTML into production SwiftUI code. Fetches the source, generates a single View file, integrates it into an Xcode workspace, builds, and iterate…
Web
a2ui-v0-8
Generate server-side JSONL UI messages and handle client events with A2A extensions using A2UI v0.8 renderers and specification. Convert user requirements into component trees, dat…
Design
ui-ux-methodology
UI/UX reference containing 50+ visual styles, 161 palettes, 57 font pairings, 161 product types, 99 guidelines, and 25 chart types across 10 stacks including React, Next.js, Vue, S…
Design
unslop-ui
Enforces clean UI/UX patterns when generating frontend code. Avoids repetitive colors, icon-in-rounded-square motifs, emoji overuse, excessive serif fonts, glassmorphism, gratuitou…
Design
aesthetic-anchor
Apply one of eight fixed visual systems—Swiss, Industrial, Brutalist, Aurora Maximalism, Chaotic Maximalism, Retro-Futuristic, Organic, or Lo-Fi—locking palette, typography, and te…
Web
generative-ui
Handles the pattern where a language model outputs structured UI component descriptions or sub-trees for application rendering, including typed schemas, structured output constrain…
Design
design-polish
Final quality pass fixing alignment, spacing, consistency, interaction states, and micro-details before shipping. Executes changes directly. Triggers on polish requests, finishing …
Design
ui-audit
Reference library of UI/UX design system patterns and review guidance for web and mobile apps. Covers 50+ styles, color palettes, typography pairings, accessibility heuristics, and…
Design
prototype
Builds a disposable prototype to explore a design before committing. Offers a runnable terminal version for logic questions or multiple distinct UI variations from one route. Use f…
Design
phoenix-design
Design system conventions for the Phoenix frontend covering layout, dialogs, error display, BEM CSS naming, and design tokens. Apply when building UI, naming classes, managing toke…
Design
dark-mode-design-expert
Provides expert guidance on dark mode UI design with atmospheric theming, WCAG accessibility, and cross-platform best practices. Specializes in weather, sky, and ocean-inspired col…
Engineering
fixing-avaloniaui-radialgradientbrush
Fixes RadialGradientBrush compatibility issues in AvaloniaUI due to Issue #19888 where GradientOrigin and Center must be identical. Use when converting WPF RadialGradientBrush to A…
Design
micro-interactions
Designs small purposeful animations and UI responses that reward users and make interfaces feel responsive. Applies to icons, toggles, reveals, success states, loaders, and other i…
Testing
choosing-test-rule-vs-runtest
Selects the correct Compose UI test entry point among createComposeRule, createAndroidComposeRule, createEmptyComposeRule, runComposeUiTest, and runAndroidComposeUiTest, plus v1/v2…
Design
spec-driven-ui
Generates front-end UI specs, code, and a framework-agnostic design.md for Web, GUI, or Terminal interfaces via a nine-phase workflow. Produces a single source document from which …
Design
cta-generator
Design, optimize, or audit call-to-action (CTA) buttons. Use when the user mentions CTA, call to action, button design, conversion button, primary action, CTA copy, button text, CT…
Web
framework-mcp-ui
Python API and UI components for PDF Vector Framework using Gradio, Streamlit, QuickRAG, and reusable components. Trigger on Gradio/Streamlit pdf-framework, QuickRAG API, or Compon…
Web
global-toolbar-controls
Place quick global settings such as currency, language, region, and units in a persistent low-profile header toolbar or footer. Use when designing locale switchers or user preferen…
Design
game-ui-design
Design, implement, and review game user interfaces including HUDs, menus, overlays, inventory screens, ability bars, dialogue UI, controller navigation, accessibility, onboarding, …
Web
syncfusion-blazor-ribbon
Implement Syncfusion Blazor Ribbon UI with tabs, groups, file menus, and item types including Button, DropDown, ColorPicker, and Template. Supports contextual tabs, backstage view,…
Design
d3-design
Defines UI, frontend, and component design principles including spatial depth, motion hierarchy, typography, performance, and anti-patterns, with an optional cinematic floating-gla…
AI / ML
building-ai-chat
Builds AI chat interfaces and conversational UIs with streaming responses, context management, and multi-modal support. Handles token limits, regeneration, feedback loops, tool usa…
Web
coss-particles
Index of all COSS UI particle examples. Use when implementing UI features to find copy-paste-ready component patterns built on coss primitives. Each particle has a description and …
Web
modal-specialist
Design and review web modals, dialogs, popovers, sheets, drawers, and overlays. Manage focus trapping, return behavior, escape handling, and accessibility announcements across any …
Web
kanban-board
Visual Kanban task board with columns (To do, In progress, In review, Done), draggable-style cards, assignee avatars, swimlanes, and filter bar. Use for kanban, task board, sprint …
Web
syncfusion-blazor-progress-bar
Guide for implementing Syncfusion Blazor ProgressBar components. Covers linear and circular bars, indeterminate and buffer states, progress tracking, and visual feedback for loadin…
Web
web-taste
Enforces high-quality web frontend output with a three-step process: lock requirements first, select from deterministic visual directions, then apply structured planning and anti-p…
Design
claude-design
Provides design guidance for refining UI to match Claude.ai and Claude Code official styling. Covers colors, typography, spacing, symbols, animations, and messaging tone for UI upd…
Testing
compose-preview-review
Review UI pull requests by rendering Compose @Preview composables on base and head commits, then diffing results. Use for local UI PR review, agent-opened UI PRs, or setting up bas…
Engineering
deferring-state-reads
Defer frequently-changing Jetpack Compose state reads (scroll position, animation values, drag offsets) from Composition into Layout or Draw using lambda-based modifiers to avoid i…
Testing
qa-ui
Runs UI verification after implementation using browser dev tools. Follows acceptance criteria with screen actions, screenshots, and pass/fail checks. On failure, applies fixes and…
Design
wiii-pointy
Embodied identity with cursor body that points to UI elements. Triggers on queries about location, position, or navigation. Respond naturally with intent phrases; frontend matches …
Design
motion-design
Implement animations, transitions, micro-interactions, and motion design in web applications. Handles CSS keyframes, transitions, spring physics, scroll-driven effects, page transi…
Web
push-based-widget-module-pattern
Implement sidebar and widget UI components that receive pushed data updates using a singleton module pattern with exported factory functions and module-level DOM references for eff…
Web
syncfusion-blazor-query-builder
Implement Syncfusion Blazor Query Builder for dynamic filtering interfaces. Supports nested conditions, AND/OR logic, drag-and-drop, rule management, and customizable search or bus…
Design
ui-design-craft
Handles design, polish, prototyping, or review of user-facing UI, screens, visual systems, prototypes, decks, motion, and handoff. Triggers on requests to improve appearance or cre…
Web
myco:daemon-settings-form-patterns
Patterns for config toggles that mutate files beyond myco.yaml and for compound provider+model dropdowns. Covers side-effect reconciliation and provider/model selector behavior in …
Web
dating-web
Generates a consumer-style dating or matchmaking dashboard with navigation, community signals, KPIs, match charts, and editorial typography for any brief involving social or commun…
Web
integrating-wpf-media
Integrates multimedia content using MediaElement for video/audio playback, Image controls for display, and SoundPlayerAction effects. Use when building media players, galleries, or…
Design
scroll-areas
Avoid nested scroll containers in layouts. When required, restrict to a single axis and preserve user control. Applies to data tables, panels, and any component introducing an inne…
Web
agent-elements
Use for building or modifying chat, agent, or tool-calling UIs in React 19 + Tailwind v4 projects, especially when importing from @/components/agent-elements/* or when the folder e…
Design
figma-generate-design
Converts application pages, views, or layouts into Figma designs. Discovers and imports design system components, variables, and styles to build or update full screens from code or…
Web
frontend-component-build
Creates production-ready frontend components with accessible markup, defined props, clear states, and tested behavior. Use for new components, refactors, API design, or implementin…
Web
image-carousel
Build image carousels with hover-activated auto-advance, touch swipe support, and animated progress indicators. Ideal for galleries, product showcases, and multi-image displays wit…
Design
ui-ux-pro-max
Design system intelligence with 50 styles, 21 palettes, 50 font pairings, 20 charts, and 9 stacks including React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, a…
Web
frontend-orchestrator
Coordinates frontend development tasks across React, TypeScript, and UI/UX work. Implements user interfaces, components, state management, and visual features while applying qualit…
Automation
workflow-node-setup
Configures, adjusts, debugs, and verifies React Flow workflow nodes, including node handles, multi-channel connections, edge styling, NodeResizer behavior, drag handles, and scroll…
Web
phoenix-frontend
Frontend development guidelines for the Phoenix AI observability platform. Use for writing, reviewing, or updating React components, TypeScript, styles, and UI features in the app/…
Web
stitch-shadcn-ui
Integrates shadcn/ui into Stitch-generated React apps through component discovery, installation, token alignment with the design system, and block patterns for auth, dashboards, an…
Showing the top 60 of 920. See the full list →