Plugins

7 plugins

UI design skills: color palettes, typography systems, layout grids, responsive breakpoints, dark mode specs, visual hierarchy, and brand alignment.

14 skills · plugin

디자인 시스템 — Stitch `design.md` 스펙 생성기 + Sprintable 브랜드 UI 키트.

2 skills · plugin

Build Accessible React UI

Install this pack to build an accessible, performant React UI component from design to audit.

4 skills · plugin

Ship Brand Design Guide

Generate a brand design guide including color palette, typography, UI components, and mockups.

5 skills · plugin

Create Design System Documentation

Generate component specifications, pattern library entries, and design system documentation for UI consistency.

8 skills · plugin

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

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

Builds accessible React UIs with shadcn/ui components, Tailwind CSS utility styling, and canvas-based visual design systems.

Penpot Uiux Design

Create professional UI/UX designs in Penpot using MCP tools, with guidance on design systems, accessibility, and platform guidelines.

36.2k · bundle

Muapi UI Design

Generates high-fidelity UI/UX mockups for mobile and web apps using Atomic Design principles, translating product requirements into design specifications with platform-specific layouts and design tokens.

Transforms vague UI ideas into structured, Stitch-optimized prompts with design system context and UI/UX keywords.

Frontend Design

Guides distinctive, intentional visual design for new or existing UI, covering aesthetic direction, typography, and avoiding templated defaults.

agentskillexchange

Guides coding agents through architecture-first UI/UX design, from product truth and user journeys to rendered browser critique, covering art direction, interaction, responsive behavior, and motion.

More results

Emil Design Eng 2

Provides design engineering guidance focused on animation principles, UI review, and interface craftsmanship.

Simplify UI designs by removing unnecessary complexity, clarifying hierarchy, and focusing on essential elements.

Score a UI file's design quality 0-100 against StyleSeed's design language with per-category breakdown, worst offenders, and prioritized fix list.

Build and maintain Rayden UI components and screens in Figma via Figma MCP with full design token enforcement.

Generates 2-3 disposable HTML mockups for comparing UI design directions before committing to one.

Provides a dedicated design-oriented pass on user experience, visual flow, interaction quality, and interface coherence, pairing with a restored ui-ux-designer agent when appropriate.

Frontend Design

Guides distinctive, intentional visual design for new or existing UI, covering aesthetic direction, typography, and avoiding templated defaults.

nextlevelbuilder

Create beautiful, accessible user interfaces with shadcn/ui components, Tailwind CSS utility-first styling, and canvas-based visual designs.

Routes frontend design tasks to 48 specific UI styles, providing color palettes and implementation guidance for websites, app screens, or UI components.

Routes UX, UI, accessibility, and onboarding design tasks to specialized sub-skills, applying behavioral science and WCAG 2.1 AA standards.

Identifies reusable UI patterns, components, and design tokens, then extracts and consolidates them into a design system for systematic reuse.

Frontend Design

Guides distinctive, intentional visual design for new UI or existing interfaces, covering aesthetic direction, typography, and avoiding templated defaults.

Liquid Glass Design

Implements Apple's Liquid Glass design system for iOS 26 apps, covering SwiftUI, UIKit, and WidgetKit integration with glass effects, morphing transitions, and customization.

Runs a UI redesign experiment by creating three git worktree branches for modern minimal, bold creative, and classic refined design directions, then implements and compares each approach.

UI Design System

Generate design tokens, color palettes, typography scales, component systems, and developer handoff documentation for UI design systems.

20.4k · bundle

Orchestrates cross-domain design work by dispatching to specialized design sub-skills and applying behavioral science frameworks for audits, critiques, and strategy.

Audits UI code for compliance with the StyleSeed design system, covering design tokens, component conventions, accessibility, mobile UX, and typography.

Audit and fix visual hierarchy, spacing, color, and depth in web UIs using a systematic, opinionated design framework.

Designs accessible, consistent user interfaces using atomic design methodology, design systems, and WCAG 2.1 AA standards, producing annotated specs for developer handoff.

Stays current on UI design patterns, tools, and frameworks by monitoring release notes and running targeted search queries.

Design user flows and screen structure using UX patterns like progressive disclosure, hub-and-spoke navigation, and information pyramids.

nextlevelbuilder

Provides a searchable database of UI/UX design rules with priority-based recommendations across 84 styles, 192 color palettes, 74 font pairings, 192 product types, 98 UX guidelines, 104 icon entries, 16 GSAP motion presets, and 25 chart types for 22 technology stacks.

Interfaces That Feel

Evaluate UI designs through an emotional resonance lens, identifying what's missing and prescribing specific changes at the copy, motion, and interaction layer.

Provides frontend design direction, design systems, visual philosophy, and production-grade UI styling for web interfaces, including layout critique, usability auditing, and asset generation.

Stitch Design Taste

Generates DESIGN.md files for Google Stitch that encode premium, anti-generic UI standards including typography, color, layout, motion, and anti-patterns.

Generates DESIGN.md files for Google Stitch that encode premium, anti-generic UI standards including typography, color, layout, motion, and anti-patterns.

Manage shadcn/ui components and projects with context, documentation, and usage patterns for building modern design systems.

42.4k · bundle

Premium Frontend UI

Generates immersive, high-performance web interfaces with advanced motion design, typography, and architectural craftsmanship.

Generates opinionated design systems with curated color palettes, font pairings, UI styles, product-type rules, and UX guidelines across multiple tech stacks.

Slacc Inspired Design Analysis

Documents Slacc's design language including color palette, typography hierarchy, spacing system, and layout tokens for UI implementation.