Plugins

11 plugins

Design system skills: component specs, design tokens, naming conventions, spacing and grid systems, accessibility standards, and documentation.

11 skills · plugin

Design System Foundation

Create design tokens, principles, and naming conventions for a new design system.

16 skills · plugin

DESIGN.md Design Systems

Ready-to-use DESIGN.md design systems extracted from real products, from VoltAgent's awesome-design-md.

74 skills · plugin

Create Design System Documentation

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

8 skills · plugin

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

2 skills · plugin

Design System Audit and Remediation

Identify design debt, audit tokens, and enforce consistency across a product.

14 skills · plugin

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

14 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

Build Multi-Agent System with CrewAI

Design and orchestrate multi-agent AI teams using the CrewAI framework with agent roles, task decomposition, and crew processes.

11 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

@brycewang-stanford

Twelve DAC-specific skills for the ACM/IEEE Design Automation Conference (the Chips to Systems Conference) and its double-blind Research Manuscript track, grounded in the DAC 2026 (63rd) call, dac.com, IEEE CEDA, ACM SIGDA, the ACM Digital Library, and dblp.

2 skills · plugin

Results for “system-design”

25 skills

google-labs-code

Stitch Manage Design System

Manage design systems in Stitch using MCP tools, including retrieval of assets, creating or updating design systems, and applying them to screens.

google-labs-code

Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files.

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

Frontend Design Review

Review UI implementations against design quality standards and design system compliance, or create distinctive, production-grade frontend interfaces from scratch.

Figma Generate Design

Translates application pages, views, or multi-section layouts into Figma screens by reusing design system components, variables, and styles.

23.3k · bundle

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.

More results

Figma Create Design System Rules

Generates custom design system rules for AI coding agents by analyzing a project's codebase and conventions, then saving them to the appropriate rule file (CLAUDE.md, AGENTS.md, or .cursor/rules).

23.3k · bundle

google-labs-code

Stitch Code To Design

Convert frontend code (Vite, React, etc.) into a Stitch Design by extracting static HTML, analyzing the design system, and uploading to Stitch.

google-labs-code

Stitch Extract Design Md

Reverse-engineer a design system from frontend source code by analyzing component files, stylesheets, Tailwind configs, theme definitions, and design tokens to produce a comprehensive DESIGN.md document.

Figma Generate Library

Build or update a professional-grade design system in Figma from a codebase, creating variables, tokens, component libraries, theming, and documentation.

23.3k · bundle

Cloud Design Patterns

Provides 42 technology-agnostic cloud design patterns for distributed systems, covering reliability, performance, messaging, security, and deployment to help architects design robust workloads.

36.2k · bundle

Crawl a live website, extract its design system, brand surface, and page inventory, and save the snapshot under stardust/current/ for downstream redesign or migration.

Rebuild existing site pages with byte-faithful content on a separately-defined donor design system, preserving text, images, and metadata while applying a new visual design.

google-labs-code

Stitch Generate Design

Generate new design screens from text prompts or images, edit existing screens, and create design variants using Stitch MCP.

google-labs-code

Transforms vague UI ideas into polished, Stitch-optimized prompts by enhancing specificity, adding UI/UX keywords, injecting design system context, and structuring output for better generation results.

google-labs-code

Iteratively builds websites using Stitch with an autonomous baton-passing loop pattern.

Cloud Solution Architect

Design well-architected, production-grade cloud systems following Azure Architecture Center best practices, including design principles, architecture styles, cloud design patterns, and technology choice frameworks.

google-labs-code

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.

Figma Code Connect Components

Connects Figma design components to their code implementations using Figma's Code Connect feature, analyzing design structure and scanning codebases for matching components.

23.3k · bundle

Execute JavaScript in Figma files via the Plugin API to create, edit, and inspect design nodes, variables, and components.

23.3k · bundle

Apply design, canon, and modules to every page in the inventory to produce a deployable static HTML site. Per-page, incremental, and idempotent.

Render a proposed redesign of a page as a self-contained static HTML file, then iterate via chat-driven commands until approved.

Breakdown Feature Implementation

Creates detailed technical implementation plans for features based on a Feature PRD, including system architecture, database schema, API design, and frontend component hierarchy.

Handover Developer

Generate comprehensive technical documentation for developers taking over an AEM Edge Delivery Services project, covering architecture, design system, blocks, and configuration.

Jetson Link Docs

Bind pre-downloaded Jetson reference docs (developer guide, design guide, pinmux, schematics) into the active profile documents block. Use after staging docs on disk; not for downloading.