Plugins
2 pluginscurated
Create Design System Documentation
Generate component specifications, pattern library entries, and design system documentation for UI consistency.
8 skills · plugin
curated
Design REST API from Spec
Create a structured specification, design a consistent REST API, and generate OpenAPI documentation.
6 skills · plugin
Results for “design-specification”
30 skillsDirect
Analyzes a website's current design and user intent to produce a structured redesign specification, including product and design documents, a design system JSON, and a reasoning trace.
142 · bundle
Component Spec
Creates detailed component specifications for design systems, covering anatomy, variants, states, accessibility, and usage guidelines.
1.7k
UI Designer
Designs accessible, consistent user interfaces using atomic design methodology, design systems, and WCAG 2.1 AA standards, producing annotated specs for developer handoff.
2
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.
3.7k · bundle
Ibm Design Analysis
Documents IBM's marketing design system based on Carbon Design System, including colors, typography, layout, and component specifications for enterprise marketing canvases.
50.9k · bundle
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.
1.7k
More results
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
Composio Design Analysis
Documents the design system for Composio's marketing site, including color palette, typography, layout, elevation, shapes, and component specifications.
50.9k · bundle
Zapier Inspired Design Analysis
Documents Zapier's design language with color palette, typography hierarchy, spacing system, and component specifications for UI implementation.
50.9k · bundle
Tesla
Provides a comprehensive design system specification inspired by Tesla's website, covering visual theme, color palette, typography, and UI patterns.
50.9k · bundle
Lamborghini
Provides a complete design system specification inspired by Lamborghini's brand, including color palette, typography, spacing, and UI component guidelines.
50.9k · bundle
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
Design System
Documents, standardizes, and governs a Vue 3 + shadcn-vue design system, including component documentation templates, patterns for forms, empty states, loading states, and feedback, plus a consistency checklist and conventional commit conventions.
2
Design Md
Author, lint, diff, and export Google's DESIGN.md design token spec files, including WCAG contrast validation.
2
Naming Convention
Establish clear naming conventions for design assets, components, and tokens to make design systems predictable and maintainable.
1.7k
Design Rationale
Write clear design rationale that connects decisions to user needs, business goals, and principles.
1.7k
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
Design Md
Generates a DESIGN.md file conforming to the Stitch (Google Labs) design.md alpha spec, auto-discovering design tokens and components, then emitting YAML frontmatter and eight standard markdown sections.
0
Design System
Creates and manages design token systems with three-layer architecture, generates CSS variables, validates token usage, and produces brand-compliant slide presentations with Chart.js and contextual decision logic.
1 · bundle
Taste Design
Generates DESIGN.md files for Google Stitch that encode premium, anti-generic UI standards with strict typography, calibrated color, asymmetric layouts, perpetual micro-motion, and hardware-accelerated performance.
6.4k · bundle
Sanity
Provides a comprehensive design system specification inspired by Sanity's visual identity, including color palette, typography, spacing, and component styles for building dark-themed developer interfaces.
50.9k · bundle
Mastercard
Provides a design system specification inspired by Mastercard's visual language, including color palette, typography, and component patterns for building brand-aligned interfaces.
50.9k · bundle
Theverge
Provides a comprehensive design system specification inspired by The Verge's 2024 redesign, including color palette, typography, and component styles for building dark-themed editorial interfaces.
50.9k · bundle
Design System
Creates and manages design tokens with a three-layer architecture (primitive, semantic, component), generates CSS variables and component specifications, and produces brand-compliant slide presentations with Chart.js integration.
· bundle
Runwayml
Provides a design system specification inspired by Runway's cinematic, dark-themed interface with full-bleed photography, single-typeface typography, and minimal UI elements.
50.9k · bundle
Icon System
Create an icon system specification covering grid, sizing, naming, categories, and implementation guidance.
1.7k
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
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
Lovable
Provides a design system specification inspired by Lovable's website, including visual theme, color palette, typography rules, and component styling for building warm, approachable interfaces.
50.9k · bundle
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