Plugins
7 plugins@owl-listener
UI Design
UI design skills: color palettes, typography systems, layout grids, responsive breakpoints, dark mode specs, visual hierarchy, and brand alignment.
14 skills · plugin
@moonklabs
Design System
디자인 시스템 — Stitch `design.md` 스펙 생성기 + Sprintable 브랜드 UI 키트.
2 skills · plugin
curated
Build Accessible React UI
Install this pack to build an accessible, performant React UI component from design to audit.
4 skills · plugin
curated
Ship Brand Design Guide
Generate a brand design guide including color palette, typography, UI components, and mockups.
5 skills · plugin
curated
Create Design System Documentation
Generate component specifications, pattern library entries, and design system documentation for UI consistency.
8 skills · plugin
@leonxlnx
Taste
Design-taste toolkit: image-to-code, high-end visual design, brutalist/minimalist UI systems, image-gen frontends and redesign workflows from Leonxlnx.
12 skills · plugin
@alirezarezvani
Product Team
13 product skills with 17 Python tools: product manager toolkit (RICE, PRDs), agile product owner, product strategist, UX researcher, UI design system, competitive teardown, landing page generator, SaaS scaffolder, product analytics, experiment designer, product discovery, roadmap communicator, code-to-prd, research summarizer, apple-hig-expert.
10 skills · plugin
Results for “ui-design”
147 skills
owl-listener Critique Brand Consistency
Check a screen's brand expression by comparing it against mood, voice, and design token reference files, flagging divergences and suggesting corrections.
1.7k
owl-listener Spacing System
Create a consistent spacing system based on a base unit with contextual application rules for harmonious interfaces.
1.7k
drnabeelkhan Design Resources
Provides a curated library of design references covering typography, color systems, component patterns, animation, accessibility, and critique frameworks, plus a catalog of 59 brand design systems for UI generation.
2 · bundle
voltagent Nvidia Design Analysis
Provides a design system specification for NVIDIA's marketing pages, including color tokens, typography hierarchy, and component patterns for building engineering-style landing pages.
50.9k · bundle
voltagent Raycast
Documents the Raycast design system with color tokens, typography hierarchy, and surface modes for building consistent dark-mode interfaces.
50.9k · bundle
voltagent Supabase
Provides the complete design language for Supabase marketing surfaces, including color tokens, typography hierarchy, spacing system, and component styles.
50.9k · bundle
voltagent Playstation Design Analysis
Documents the PlayStation marketing design system with three alternating canvas modes, PlayStation SST typography at weight 300, and a restrained chrome vocabulary where imagery occupies 60-90% of each section.
50.9k · bundle
addyosmani Frontend UI Engineering
Build production-quality user interfaces that are accessible, performant, and visually polished, with guidance on component architecture, state management, design system adherence, and accessibility.
69.5k
voltagent Clay Design Analysis
Defines a vibrant claymation-meets-data design system for Clay.com, including color palette, typography, layout, and elevation tokens for GTM-data interfaces.
50.9k · bundle
voltagent Notion Design Analysis
Documents Notion's brand design system including color tokens, typography hierarchy, layout spacing, and component geometry across homepage, enterprise, AI, agents, startups, and pricing surfaces.
50.9k · bundle
voltagent Revolut Design Analysis
Documents Revolut's marketing design system: two-mode canvas (black/white), Aeonik Pro display typography, cobalt-violet brand accent, pill-shaped buttons, and product-led photography.
50.9k · bundle
voltagent Shopifi Inspired Design Analysis
Analyzes and documents a two-track design system with cinematic dark marketing pages and light transactional surfaces, including color palettes, typography hierarchy, and component vocabulary.
50.9k · bundle
owl-listener State Machine
Model complex UI behavior as finite state machines with states, events, and transitions to eliminate impossible states and make behavior predictable.
1.7k
tinh2 UI Craft
Polishes UI primitives one at a time using research-backed patterns: adds loading and icon states to buttons, replaces inline skeletons with primitives, adds secondary actions to errors, ensures 48px touch targets and visible focus indicators, and applies a standard motion token ladder.
13
owl-listener Gesture Patterns
Designs intuitive gesture-based interactions for touch and pointer devices, covering core gestures, discoverability, feedback, thresholds, conflict resolution, and accessibility.
1.7k
voltagent Uber Inspired Design Analysis
Analyzes and recreates Uber's design language: a black-and-white palette, custom geometric display and text fonts, pill-shaped interactive elements, and editorial 4:3 illustrations for transportation and delivery interfaces.
50.9k · bundle
voltagent Minimax Design Analysis
Analyzes MiniMax's design system, documenting its dual identity of stark monochrome marketing and vibrant gradient product cards, with detailed color, typography, and layout tokens.
50.9k · bundle
leonxlnx Imagegen Frontend Web
Generates premium, conversion-aware website design reference images with one separate horizontal image per section, enforcing composition variety, narrative concept spine, and consistent palettes for landing pages and marketing sites.
nexu-io Mobile App
Generate a single-screen mobile app design inside a pixel-perfect iPhone 15 Pro frame with status bar, header, main content, and bottom tab bar.
· bundle
owl-listener Aesthetic Usability
Apply the Aesthetic-Usability Effect to ensure visual consistency and polish translate into user trust and perceived quality without masking genuine usability problems.
1.7k
voltagent Kraken
Provides a complete design system specification for Kraken's brand identity, including color palette, typography, component styling, and layout principles for building professional crypto exchange interfaces.
50.9k · bundle
voltagent Spotify
Provides a detailed design system specification inspired by Spotify's dark theme, including color palette, typography, component styling, and layout principles for building immersive music-player interfaces.
50.9k · bundle
leonxlnx Industrial Brutalist UI
Build web interfaces that fuse Swiss typographic design with military terminal aesthetics, using rigid grids, extreme type scale contrast, utilitarian color, and analog degradation effects for data-heavy dashboards, portfolios, or editorial sites.
voltagent Posthog Design Analysis
Documents PostHog's design system: a warm cream canvas, hand-drawn hedgehog mascots, IBM Plex Sans typography, and a single yellow-orange CTA pill, with detailed color, typography, and component specifications.
50.9k · bundle
voltagent Linear Design Analysis
Documents Linear's dark-canvas marketing design system with near-black backgrounds, lavender-blue accent, four-step surface hierarchy, aggressive negative tracking on display type, and product UI screenshots as the primary visual rhythm.
50.9k · bundle
voltagent Nintendo Com 2001 Analysis
Analyzes the design language of Nintendo.com from 2001, documenting its brushed-periwinkle chrome interface, beveled metal plates, chamfered panel geometry, carbon-navy command layer, rationed warm accents, photographic hero fields, and box-art typography.
50.9k · bundle
emilkowalski Review Animations 2
Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy, flagging issues with easing, duration, performance, and accessibility.
5k · bundle
owl-listener Color System
Build a comprehensive color system with palette generation, semantic mapping, and accessibility compliance.
1.7k
comeonoliver Delight
Identify opportunities to add moments of joy, personality, and unexpected polish that transform functional interfaces into delightful experiences.
61
owl-listener Visual Hierarchy
Establish clear visual hierarchy through size, weight, color, spacing, and positioning to guide users through interfaces.
1.7k
owl-listener Critique Typography
Audits typographic decisions on a screen for scale usage, readability, consistency, and token compliance, providing specific fixes.
1.7k
emilkowalski Improve Animations
Audits a codebase's animation and motion code, then produces a prioritized list of findings and self-contained implementation plans for other agents to execute.
5k
owl-listener Loading States
Design loading, skeleton, and progressive content reveal patterns that maintain user confidence and perceived performance.
1.7k
owl-listener Von Restorff Effect
Apply the Von Restorff Effect to make the most important element visually distinct from its surroundings, improving attention and recall.
1.7k
minimax-ai Frontend Dev
Builds production-ready frontend pages with premium UI design, cinematic animations, AI-generated media assets, persuasive copywriting, and generative art.
12.9k · bundle
rajanthar Frontend Accessibility
Design, implement, and audit accessible frontend interfaces with a concise checklist for keyboard navigation, ARIA, focus states, and color contrast.
0 · bundle