Design Systems

Install and customize a full-window image wallpaper skin for the Codex macOS app

Generate Tamagui light and dark color themes with brand accents and previews

Choose presentation color palettes and font pairings for slides and brand work

Pick a consistent slide style with radius, spacing and component recipes

Audit, document and extend the components, tokens and patterns of a design system

Write a DESIGN.md that documents the visual system of an existing product

Collection of 73 site design files that guide AI tools toward consistent UI

Extract colors, type and components from a page screenshot into a design system

Build and check a color system with palettes, semantic tokens and contrast tests

Set up graphic design briefs and match a visual style from a built-in design library

Turn Stitch project analysis into a semantic DESIGN.md design system file

Extract a DESIGN.md design system from React, Vue, Angular or plain CSS code

Create, update and apply Stitch design systems to screens via MCP

Generate DESIGN.md files for premium UI with strict type, color and motion rules

Set up Geist Sans, Geist Mono and Geist Pixel fonts in a Next.js interface

Create a minimal agency design system with an editorial grid and oversized type

Create a clean modern blue design system with soft cloud light and serene type

Create a clean dark glass layout system with a thin blue laser atmosphere

Create an archival book-reader design system with serif pages and mono index navigation

Create a bright green technical design system with a WebGL visualization zone

Create a clean minimal beige light-mode design system with warm neutral shells

Create a dark blue design system with strong contrast and cobalt gradient blocks

Create a dark glass layout system with frosted shells and floating data cards

Create a dark design system with ordered dither texture and a thin accent laser

Blend editorial magazine layouts with precise product-tech detailing and mono labels

Create a framed dark technical design system with gradient borders and mono labels

Create a dark technical design system with fuchsia accents and layered rounded shells

Create a dark glass design system with frosted shells and circular calibration dials

Create a high-contrast skeuomorphic design system with molded dark surfaces

Create an image-led grid design system with full-bleed photos and guide lines

Create a light-mode technical design system with warm paper and bracketed geometry

Create a dark-blue mesh-gradient design system with floating nodes and framed sections

Create a clean agency design system built from nested containers and inset cards

Create a clean paper-toned SaaS design system with orange accent signals

Add Iconify Solar Duotone Bold icons for a consistent two-tone icon style

Create a technical split-screen design system with dual panels and mono metadata

Create a modern dark-mode design system with emerald accents and framed dashboard cards

Create a monochrome technical wireframe system with exploded 3D views and annotations

Generate, preview and validate Preline theme CSS from a brand color or mood

Sync, import and derive personal hand-drawn styles and layouts offline

Add a layout image and bilingual prompt to the local handdraw-style layout library

Apply Pierre light and dark themes to Shiki, VS Code, Cursor and Zed editors

Manage UI color modes, theme switching and persistence with @pierre/theming

Create and apply a two-asset visual skin for a desktop app from a style description

Build soft, puffy clay-style UI components with large radii and inner shadows

Pull repeated UI patterns into reusable components and design tokens

Build frosted-glass UI components with blur, transparency and layered depth

Build translucent Apple Liquid Glass style UI with tokens and animation specs

Build bold neubrutalist UI with thick borders, offset shadows and bright colors