Plugins

4 plugins

Create Design System Documentation

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

8 skills · plugin

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

11 skills · plugin

Design REST API from Spec

Create a structured specification, design a consistent REST API, and generate OpenAPI documentation.

6 skills · plugin

Build MVP from Spec

Turn a design or spec document into a working MVP by planning thin vertical slices, scaffolding, then building iteratively with TDD and gated commits.

5 skills · plugin

Results for “design-document”

11 skills

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.

Creates visual art in .png and .pdf documents by first generating a design philosophy and then expressing it on a canvas.

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

More results

Convert static HTML pages to Edge Delivery Services while preserving original design and enabling content authoring in Document Authoring.

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.

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.

Add Educational Comments

Transform code files into learning resources by adding educational comments that explain syntax, idioms, and design choices.

Aspnet Minimal API Openapi

Create ASP.NET Minimal API endpoints with proper types and comprehensive OpenAPI/Swagger documentation.

Dotnet Best Practices

Ensure .NET/C# code meets project-specific best practices for structure, design patterns, dependency injection, async/await, testing, configuration, and security.