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

Webflow Inspired Design Analysis

Analyzes and documents Webflow's design language, including color palette, typography hierarchy, spacing system, and layout principles for use in design systems.

50.9k · bundle

Define or refactor a shared frontend UI system by establishing token governance, visual-language rules, primitive naming, and cross-product consistency before polishing individual screens.

Unified design skill covering brand identity, design tokens, UI styling, logo and icon generation, corporate identity programs, presentations, banners, and social media images.

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

Law Of Proximity

Apply the Law of Proximity to group related elements through spatial relationships in UI layouts.

Airbnb Design Analysis

Analyzes Airbnb's design system including color palette, typography, shape language, and component patterns for use in design projects.

50.9k · bundle

Cohere Design Analysis

Documents Cohere's 2026 web design system with color palettes, typography hierarchy, spacing, and layout principles for enterprise AI interfaces.

50.9k · bundle

Audits design quality across accessibility, performance, theming, and responsiveness, producing a prioritized report with severity ratings and fix recommendations.

Hp Design Analysis

Documents HP's design language with color tokens, typography hierarchy, and layout patterns for building enterprise-consumer interfaces.

50.9k · bundle

Builds production-grade web or mobile interfaces with distinctive design, modern CSS, and purposeful motion, inferring intent from the codebase without asking questions.

Dark Mode Design

Design comfortable, accessible dark mode interfaces with proper color adaptation, contrast, and surface hierarchy.

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

Audits a page or component against the Digital Curator design spec and movemental conventions, checking visual quality, accessibility, token compliance, and consistency before shipping.

Together AI Inspired Design Analysis

Analyzes and documents the design system of Together AI's website, extracting colors, typography, and surface patterns for use in design projects.

50.9k · bundle

Apple Design Analysis

Documents Apple's design system including color tokens, typography hierarchy, spacing rhythm, and component patterns across five surfaces.

50.9k · bundle

Coinbase Design Analysis

Documents the visual design system of Coinbase's marketing surfaces, including color palette, typography, layout, and elevation tokens.

50.9k · bundle

Feedback Patterns

Design feedback patterns for user actions, including confirmations, status updates, and notifications.

Reviews code files for accessibility (WCAG 2.1) and visual design issues, providing prioritized findings and fixes.

Design QA Checklist

Create systematic QA checklists to verify that design implementations match specifications across visual accuracy, layout, interaction, content, accessibility, and cross-platform categories.

Stitch Generate Design

Generates new design screens from text or images, edits existing screens with prompts and design tokens, and creates design variants using Stitch MCP, with prompt enhancement and asset downloading.

Provides a comprehensive set of design rules and anti-patterns to avoid AI-generated slop when building any interface.

Sentri Inspired Design Analysis

Documents Sentri's design language with color tokens, typography hierarchy, and layout patterns for a developer-tools brand.

50.9k · bundle

Audits a design against Dieter Rams' ten principles, scores each with evidence, and produces a verdict with a handoff prompt for new, refined, or redesigned output.

Xai Inspired Design Analysis

Analyze and replicate xAI's design language: near-black canvas, white pill outlines, Universal Sans display type, and Geist Mono technical labels.

50.9k · bundle

Framer Design Analysis

Analyze Framer's marketing site design system, including color palette, typography hierarchy, spacing, and component patterns, to produce a structured design specification.

50.9k · bundle

Micro Interaction Spec

Specify micro-interactions using a structured framework covering trigger, rules, feedback, and loops/modes.

Airtable Design Analysis

Documents Airtable's design system including color tokens, typography hierarchy, spacing, and component patterns for building editorial-style marketing interfaces.

50.9k · bundle

Ollama Design Analysis

Documents the design system behind Ollama's marketing site, including color tokens, typography hierarchy, spacing, and component patterns for a minimal, documentation-first aesthetic.

50.9k · bundle

Takes a PRD, reference URL, screenshot, or keywords to produce a DESIGN.md specification, then generates production-ready web code that meets UI/UX, visual, motion, and responsive standards.

Android Native Dev

Guides Android native app development with Material Design 3, Kotlin/Compose, project configuration, accessibility, and build troubleshooting.

12.9k · bundle

Web Design Engineer

Craft polished visual web artifacts — pages, dashboards, prototypes, slide decks, animations, UI mockups, and data visualizations — using HTML, CSS, JavaScript, and React.

Binance Design Analysis

Analyzes Binance's design system: near-black canvas, single yellow accent (#FCD535), custom BinanceNova/BinancePlex type stack, multi-theme dark/light modes, and trading green/red semantics.

50.9k · bundle

Microinteractions

Design the small details—triggers, rules, feedback, loops, and modes—that separate good products from great ones, based on Dan Saffer's framework.

Nike Design Analysis

Documents Nike's commerce design system: photography-first layouts, typographic hierarchy, color palette, and component patterns across PLP, PDP, and editorial pages.

50.9k · bundle

Sprintable Design

Generates on-brand interfaces and assets for Sprintable, from throwaway HTML prototypes to production code, using the included design tokens, fonts, and UI kit components.

Make Interfaces Feel Better

Applies design engineering principles to polish UI components, covering typography, surfaces, animations, and performance with concrete CSS values and review checklists.