bergside/awesome-design-skills

<!-- TYPEUI_SH_MANAGED_START -->
# Agentic Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Agentic.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
The agentic design style emphasizes conversational interactions, clear outcomes, and minimal controls, allowing users to delegate tasks to AI instead of manually managing complex workflows.

## Style Foundations
- Visual style: modern, bold
- Typography scale: 14/16/18/24/32/40 | Fonts: primary=Playfair Display, display=Playfair Display, mono=JetBrains Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: surface/subtle layers | Tokens: primary=#FF5701, secondary=#F6F6F1, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#111827

<!-- TYPEUI_SH_MANAGED_START -->
# Ant Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Ant.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
Ant Design follows a structured, enterprise-focused design system that emphasizes clarity, consistency, and efficiency in complex web applications.

## Style Foundations
- Visual style: data-dense, enterprise
- Typography scale: 12/14/16/20/24/32 | Fonts: primary=Plus Jakarta Sans, display=Plus Jakarta Sans, mono=JetBrains Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, neutral, success, warning, danger | Tokens: primary=#1677ff, secondary=#8B5CF6, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#111827

<!-- TYPEUI_SH_MANAGED_START -->
# Artistic Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Artistic.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand


## Style Foundations
- Visual style: high-contrast, artistic
- Typography scale: 12/14/16/18/24/30/36 | Fonts: primary=Limelight, display=Limelight, mono=JetBrains Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, neutral, success, warning, danger | Tokens: primary=#3B82F6, secondary=#8B5CF6, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#111827

<!-- TYPEUI_SH_MANAGED_START -->
# Basic Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Basic.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
Basic design style defines the visual language of books, magazines, and reports, ranging from clean minimalism to ornate, expressive, or retro aesthetics

## Style Foundations
- Visual style: modern, editorial
- Typography scale: desktop-first expressive scale | Fonts: primary=Nunito, display=Oswald, mono=JetBrains Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, neutral, success, warning, danger | Tokens: primary=#A855F7, secondary=#0A1829, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#0A1829

<!-- TYPEUI_SH_MANAGED_START -->
# Bento Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Bento.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
The bento box style is an innovative design approach that uses a grid layout to present content in visually appealing blocks of varying sizes.

## Style Foundations
- Visual style: modern, clean
- Typography scale: 12/14/16/20/24/32 | Fonts: primary=Inter, display=Inter, mono=JetBrains Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, neutral, success, warning, danger | Tokens: primary=#FAD4C0, secondary=#80A1C1, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFF5E6, text=#111827

<!-- TYPEUI_SH_MANAGED_START -->
# Bold Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Bold.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand


## Style Foundations
- Visual style: bold
- Typography scale: desktop-first expressive scale | Fonts: primary=Archivo Black, display=Archivo Black, mono=JetBrains Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, secondary | Tokens: primary=#0077BC, secondary=#009866, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#111111, text=#111827

<!-- TYPEUI_SH_MANAGED_START -->
# Brutalism Design System Skill (Universal)

## Mission

You are an expert design-system guideline author for Brutalism.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand

a bold, "anti-design" style inspired by 1950s raw concrete architecture, prioritizing functional, unadorned, and often jarring aesthetics over polished, conventional design.

## Style Foundations

<!-- TYPEUI_SH_MANAGED_START -->
# Cafe Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Cafe.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
A cozy café-inspired interface that blends warm tones, soft typography, and clean layouts to create a relaxed browsing experience

## Style Foundations
- Visual style: minimal, clean
- Typography scale: desktop-first expressive scale | Fonts: primary=Poppins, display=Poppins, mono=JetBrains Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, neutral, success, warning, danger | Tokens: primary=#5D4432, secondary=#E9E3DD, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#F9F7F5, text=#3E2B1E

<!-- TYPEUI_SH_MANAGED_START -->
# Claude Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Claude.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
A research-journal aesthetic printed on warm stone — authoritative, editorial, almost achromatic. Pages live on warm ivory parchment (never pure white), with near-black slate as the dominant ink. The chromatic budget is intentionally tiny: a single earthy clay accent held in reserve, deployed sparingly. Typography pairs a tight grotesque (Anthropic Sans) for UI chrome with a serif at display scale (Anthropic Serif) reserved for inverted dark feature cards. Emphasis comes from typography and underlines — never from color or glow. Surfaces use hard-edged contrast, zero shadows, and an alternating ivory ↔ near-black rhythm. Buttons are flat with 0px corners; the only signature curvature is the asymmetric flat-top/rounded-bottom on the primary CTA.

## Style Foundations
- Visual style: modern, minimal, clean
- Typography scale: 12/14/16/20/24/32 | Fonts: primary=Anthropic Sans, display=Anthropic Sans, mono=JetBrains Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, secondary, neutral, success, warning, danger | Tokens: primary=#141413, secondary=#FAF9F6, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#111827

<!-- TYPEUI_SH_MANAGED_START -->
# claymorphism Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for claymorphism.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
a modern UI trend characterized by soft, rounded, 3D-like, "puffy" shapes that mimic malleable, colorful clay.

## Style Foundations
- Visual style: modern, high-contrast, playful
- Typography scale: desktop-first expressive scale | Fonts: primary=Montserrat, display=Poppins, mono=JetBrains Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, neutral, success, warning, danger | Tokens: primary=#3B82F6, secondary=#FFFFFF, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#1C398E

<!-- TYPEUI_SH_MANAGED_START -->
# Clean Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Clean.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
Clean design style focuses on simplicity, minimalism, and high usability, using ample whitespace, legible typography, and limited color palettes to reduce visual clutter

## Style Foundations
- Visual style: minimal, clean
- Typography scale: 12/14/16/20/24/32 | Fonts: primary=Roboto, display=Poppins, mono=Inconsolata | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, neutral, success, warning, danger | Tokens: primary=#3B82F6, secondary=#8B5CF6, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#111827

<!-- TYPEUI_SH_MANAGED_START -->
# Open Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Codex.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
A radically minimal, blank-canvas interface built as a pure edge-to-edge surface, with almost no color and typography carrying the visual weight. Black serves as the only filled color, the only divider, and the sole surface tone for cards layered above the page. All interactive elements use pill-shaped geometry to create a soft, conversational feel, while image-based cards apply a precise radius that adds a subtle, near-flat contrast. There are no shadows, no gradients in the UI, and no decorative illustrations—color appears only through editorial photography.

## Style Foundations
- Visual style: modern, minimal, clean
- Typography scale: 12/14/16/20/24/32 | Fonts: primary=Open Sans, display=Open Sans, mono=JetBrains Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, secondary, neutral, success, warning, danger | Tokens: primary=#000000, secondary=#ffffff, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#111827

<!-- TYPEUI_SH_MANAGED_START -->
# Colorful Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Colorful.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
Colorful UI/UX design uses vibrant, high-contrast palettes and gradients to create engaging, memorable, and modern user experiences

## Style Foundations
- Visual style: high-contrast, playful, premium
- Typography scale: 12/14/16/20/24/32 | Fonts: primary=Inter, display=Inter, mono=JetBrains Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, neutral, success, warning, danger | Tokens: primary=#3B82F6, secondary=#8B5CF6, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#111827

<!-- TYPEUI_SH_MANAGED_START -->
# contemporary Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for contemporary.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
Contemporary UI/UX design focuses on, minimalist, accessible, and high-performance, featuring Bento grids, dark mode, and, AI-powered personalization

## Style Foundations
- Visual style: modern, minimal, bold, playful
- Typography scale: desktop-first expressive scale | Fonts: primary=Jost, display=Jost, mono=Overpass Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, secondary, neutral | Tokens: primary=#C800DF, secondary=#E60076, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#111827

<!-- TYPEUI_SH_MANAGED_START -->
# Corporate Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Corporate.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
Corporate UI/UX design focuses on professionalism, consistency, and brand alignment, typically featuring minimalist layouts, structured grids, and, in 2026, AI-driven personalization

## Style Foundations
- Visual style: enterprise, premium
- Typography scale: desktop-first expressive scale | Fonts: primary=Open Sans, display=Poppins, mono=IBM Plex Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, neutral, success, warning, danger | Tokens: primary=#3B82F6, secondary=#8B5CF6, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#111827

<!-- TYPEUI_SH_MANAGED_START -->
# Cosmic Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Cosmic.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
Cosmic UI/UX design is a futuristic, sci-fi-inspired style characterized by dark themes, vibrant neon accents, and immersive, spatial elements

## Style Foundations
- Visual style: playful, premium
- Typography scale: 12/14/16/20/24/32 | Fonts: primary=Audiowide, display=Audiowide, mono=JetBrains Mono | weights=400
- Color palette: primary, neutral, success, warning, danger | Tokens: primary=#3B82F6, secondary=#8B5CF6, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#111827

<!-- TYPEUI_SH_MANAGED_START -->
# Creative Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Creative.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
cerative style for landing  pages

## Style Foundations
- Visual style: playful
- Typography scale: 12/14/16/20/24/32 | Fonts: primary=Bangers, display=Bangers, mono=IBM Plex Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, secondary, neutral, success, warning, danger | Tokens: primary=#3B82F6, secondary=#8B5CF6, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#111827

<!-- TYPEUI_SH_MANAGED_START -->
# dithered Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for dithered.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
Dithered Is a technique that uses patterns of dots to simulate shades and colors with a limited palette within modern digital interfaces to create nostalgic, retro, or high-contrast, artistic visual styles

## Style Foundations
- Visual style: modern, minimal
- Typography scale: 14/16/18/24/32/40 | Fonts: primary=Open Sans, display=Space Grotesk, mono=IBM Plex Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, neutral, success, warning, danger | Tokens: primary=#3B82F6, secondary=#8B5CF6, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#111827

<!-- TYPEUI_SH_MANAGED_START -->
# Doodle Design System Skill (Universal)

## Mission

You are an expert design-system guideline author for Doodle.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand

a creative, playful, and informal style that utilizes doodles, sketches, handwritten fonts, and imperfect lines to foster emotional connection and a raw, artistic feel

## Style Foundations

<!-- TYPEUI_SH_MANAGED_START -->
# Dramatic Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Dramatic.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
Dramatic design style is a trend characterized by high-contrast visuals, bold, unconventional layouts, and immersive, theatrical experiences designed to grab user attention.

## Style Foundations
- Visual style: modern, clean, high-contrast
- Typography scale: 12/14/16/20/24/32 | Fonts: primary=Outfit, display=Outfit, mono=JetBrains Mono | weights=400, 900
- Color palette: primary, neutral, success, warning, danger | Tokens: primary=#8B5CF6, secondary=#F43F5E, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#09090B, text=#FAFAFA

<!-- TYPEUI_SH_MANAGED_START -->
# Editorial Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Editorial.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand


## Style Foundations
- Visual style: modern, editorial
- Typography scale: 14/16/18/24/32/40 | Fonts: primary=Gelasio, display=Gelasio, mono=Ubuntu Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, secondary, neutral, success | Tokens: primary=#111111, secondary=#f1f1f1, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#111827

<!-- TYPEUI_SH_MANAGED_START -->
# Enterprise Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Enterprise.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
Enterprise design emphasizes grids, modular components, and strong visual hierarchy to present complex data in a clear and accessible way. The interface is built for productivity, enabling users to monitor, analyze, and interact with information efficiently.

## Style Foundations
- Visual style: modern, clean, cloud-platform aesthetic (Heroku/Vercel/GitHub inspired), dark theme, subtle gradients, soft shadows, glass-like panels, rounded components
- Typography scale: 12/14/16/20/24/32 | Fonts: primary=IBM Plex Sans, display=IBM Plex Sans, mono=IBM Plex Sans | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, neutral, success, warning, danger | Tokens: primary=#0C5CAB, secondary=#0a4a8a, success=#10b981, warning=#f59e0b, danger=#ef4444, surface=#09090b, text=#fafafa

<!-- TYPEUI_SH_MANAGED_START -->
# Expressive Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Expressive.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
A vibrant and visually engaging design style that uses bold colors, playful graphics, and dynamic layouts to create a strong personality. It emphasizes creativity and energy while maintaining clear structure and modern UI patterns.

## Style Foundations
- Visual style: modern, playful
- Typography scale: 14/16/18/24/32/40 | Fonts: primary=IBM Plex Mono, display=IBM Plex Mono, mono=IBM Plex Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, secondary, neutral, success, warning, danger | Tokens: primary=#db2777, secondary=#2563eb, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#111827

<!-- TYPEUI_SH_MANAGED_START -->
# Fantasy Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for fantasy.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
the best game in the world

## Style Foundations
- Visual style: bold, premium
- Typography scale: 12/14/16/20/24/32 | Fonts: primary=New Rocker, display=New Rocker, mono=IBM Plex Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, secondary, success, warning, danger, info | Tokens: primary=#0250CC, secondary=#FDC800, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#111827

<!-- TYPEUI_SH_MANAGED_START -->
# Fiction Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Fiction.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
A playful, energetic, cartoonesque interface inspired by friendly children's-book illustrations — warm cream backgrounds, big bold custom display typography, saturated brand color blocks, thick black outlines, generously rounded shapes, flat surfaces with almost no shadows, and decorative hand-drawn-feeling illustrations in every section.

## Style Foundations
- Visual style: playful
- Typography scale: 12/14/16/20/24/32 | Fonts: primary=Cossette Texte, display=Cossette Texte, mono=JetBrains Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, neutral, success, warning, danger | Tokens: primary=#222222, secondary=#FFE9CE, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#111827

<!-- TYPEUI_SH_MANAGED_START -->
# Flat Design System Skill (Antigravity)

## Mission

You are an expert design-system guideline author for Flat.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand

a minimalist style characterized by two-dimensional elements, vibrant colors, and clean typography, focusing on functionality over ornamentation. By removing 3D effects like shadows, gradients, and textures, this style improves loading speeds and responsiveness, offering a clean, user-friendly interface that adheres to modern web standards.

## Style Foundations

<!-- TYPEUI_SH_MANAGED_START -->
# Friendly Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Friendly.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
Friendly UI/UX design focuses on creating approachable, intuitive, and engaging experiences through, rounded elements, ample whitespace, and, soft, pastel, color, palettes

## Style Foundations
- Visual style: bold, playful, premium
- Typography scale: 14/16/18/24/32/40 | Fonts: primary=Noto Serif Display, display=Noto Serif Display, mono=Space Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, secondary, neutral | Tokens: primary=#F2D9DC, secondary=#D9F2D8, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#111827

<!-- TYPEUI_SH_MANAGED_START -->
# Futuristic Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Futuristic.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand


## Style Foundations
- Visual style: modern
- Typography scale: desktop-first expressive scale | Fonts: primary=Roboto, display=Audiowide, mono=Anonymous Pro | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, neutral, success, warning, danger | Tokens: primary=#3B82F6, secondary=#8B5CF6, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#111827

<!-- TYPEUI_SH_MANAGED_START -->
# Geometric Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Geometric design.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand


## Style Foundations
- Visual style: geometric, structured, clean
- Typography scale: 12/14/16/20/24/32 | Fonts: primary=Inter, display=Inter, mono=JetBrains Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, neutral, success, warning, danger | Tokens: primary=#3B82F6, secondary=#8B5CF6, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#111827

<!-- TYPEUI_SH_MANAGED_START -->
# Glassmorphism Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Glassmorphism.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
provide fast, reliable communication for individuals, teams, and communities while maintaining a clean interface and high performance across desktop environments.

## Style Foundations
- Visual style: clean, high-contrast, bold, enterprise, liquidglass effect, glassmorphism
- Typography scale: mobile-first compact scale | Fonts: primary=Plus Jakarta Sans, display=Plus Jakarta Sans, mono=JetBrains Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, neutral, success, warning, danger, info, surface/subtle layers | Tokens: primary=#1856FF, secondary=#3A344E, success=#07CA6B, warning=#E89558, danger=#EA2143, surface=#FFFFFF, text=#141414

<!-- TYPEUI_SH_MANAGED_START -->
# Gradient Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Gradient.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
Gradient design style

## Style Foundations
- Visual style: modern, playful
- Typography scale: 12/14/16/18/24/30/36 | Fonts: primary=Montserrat, display=Space Grotesk, mono=JetBrains Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, secondary, neutral, success, warning, danger | Tokens: primary=#990FFA, secondary=#E60076, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#111827

<!-- TYPEUI_SH_MANAGED_START -->
# Immersive Design System Skill (Cursor)

## Mission
You are an expert design-system guideline author for Immersive.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
An immersive, interactive, exhibit-style interface that blends storytelling, animation, and gamified elements to create a playful, experience-driven journey. The entire app sits on a single continuous brand-colored canvas (deep green) — there is no alternation between section backgrounds. Crisp white cards with thick black borders, hard offset block shadows, and oversized condensed display typography (Oswald) punch off that canvas. Buttons are skewed white blocks with hard black shadows that grow on hover, like posters or arcade signs reacting to the player. Decorative geometric blocks in brand-tertiary (cobalt blue) and brand-quaternary (hot pink) layer behind cards to add depth without breaking the brand-color continuity. The result feels less like browsing a website and more like exploring a digital exhibit.

## Style Foundations
- Visual style: modern, clean, high-contrast
- Typography scale: 12/14/16/20/24/32 | Fonts: primary=Oswald, sans-serif, display=Oswald, sans-serif, mono=JetBrains Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, neutral, success, warning, danger | Tokens: primary=#00592B, secondary=#0023D1, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#111827

<!-- TYPEUI_SH_MANAGED_START -->
# Impeccable Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Impeccable.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
A modern, graphic, editorial-poster aesthetic — warm and confident — built on alternating cream and burnt orange sections, an amber brand color.

## Style Foundations
- Visual style: modern, clean, high-contrast
- Typography scale: 12/14/16/20/24/32 | Fonts: primary=Chakra Petch, display=Chakra Petch, mono=JetBrains Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, neutral, success, warning, danger | Tokens: primary=#CC8800, secondary=#C55221, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#111827

<!-- TYPEUI_SH_MANAGED_START -->
# levels Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for levels.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
Levels design focuses on removing friction, building trust, and guiding users toward a specific action through clarity, psychology, and speed

## Style Foundations
- Visual style: modern, clean
- Typography scale: 12/14/16/20/24/32 | Fonts: primary=Inter, display=Inter, mono=JetBrains Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, neutral, success, warning, danger | Tokens: primary=#27272A, secondary=#8B5CF6, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#111827

<!-- TYPEUI_SH_MANAGED_START -->
# Lingo Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Lingo.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
Lingo is a duolingo inspired design style that combines minimal layouts with bright colors, rounded shapes, and friendly illustrations to create an engaging and approachable interface. It focuses on clarity and simplicity while adding personality that makes the product feel welcoming and interactive.

## Style Foundations
- Visual style: bold, playful
- Typography scale: 12/14/16/20/24/32 | Fonts: primary=Nunito, display=Nunito, mono=JetBrains Mono | weights=400, 500, 600, 700, 800, 900
- Color palette: primary, neutral, success, warning, danger | Tokens: primary=#58cc02, secondary=#ce82ff, success=#58cc02, warning=#ffc800, danger=#ff4b4b, surface=#FFFFFF, text=#3c3c3c

<!-- TYPEUI_SH_MANAGED_START -->
# Material Design System Skill (Antigravity)

## Mission

You are an expert design-system guideline author for Material.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand

UX (user experience) designers use it to create visually consistent, intuitive, and responsive digital experiences. With built-in motion, layering, and dynamic theming, Material Design helps teams deliver accessible, high-quality UIs (user interfaces) across devices and platforms.

## Style Foundations

<!-- TYPEUI_SH_MANAGED_START -->
# Matrix Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Matrix.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
A cyber-slick, dark-only Matrix-inspired interface defined by minimalist fashion, high-tech digital elements, monospaced typography, and a single deep monochromatic surface. The aesthetic borrows from order-book exchanges and terminal interfaces: ultra-dense layouts, mono numerics, hairline borders, near-square 2px corners, a single brand-green accent that drives every interaction, and a flat dark surface across every section.

## Style Foundations
- Visual style: high-contrast
- Typography scale: 12/14/16/20/24/32 | Fonts: primary=Space Mono, display=Space Mono, mono=Space Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, neutral, success, warning, danger | Tokens: primary=#2DB58A, secondary=#0B0C14, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#111827

<!-- TYPEUI_SH_MANAGED_START -->
# Minimal Design Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for minimal design.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand


## Style Foundations
- Visual style: minimal, clean, bold
- Typography scale: desktop-first expressive scale | Fonts: primary=Open Sans, display=Inter, mono=Inconsolata | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, neutral, success, warning, danger | Tokens: primary=#0C0C09, secondary=#312C85, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#F4F4F1, text=#0C0C09

<!-- TYPEUI_SH_MANAGED_START -->
# Modern  Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Modern .
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
Ship software peacefully

## Style Foundations
- Visual style: modern, minimal, clean, editorial
- Typography scale: 12/14/16/20/24/32 | Fonts: primary=IBM Plex Serif, display=IBM Plex Serif, mono=JetBrains Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, secondary | Tokens: primary=#553F83, secondary=#111111, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#553F83, text=#ffffff

<!-- TYPEUI_SH_MANAGED_START -->
# mono design Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for mono design.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
Join the private club where people are building, monetizing, and marketing products with AI.

## Style Foundations
- Visual style: minimal, clean, high-contrast, playful, matrix
- Typography scale: desktop-first expressive scale | Fonts: primary=Space Mono, display=Space Mono, mono=JetBrains Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, secondary, success, warning, danger, info | Tokens: primary=#37F712, secondary=#00A6F4, success=#00A63D, warning=#FE9900, danger=#FF2157, surface=#E7E5E4, text=#78716B

<!-- TYPEUI_SH_MANAGED_START -->
# neobrutalism Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for neobrutalism design.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand


## Style Foundations
- Visual style: modern, clean, high-contrast
- Typography scale: 13/15/17/21/27/35 | Fonts: primary=Inter, display=Inter, mono=JetBrains Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, neutral, success, warning, danger | Tokens: primary=#FDC800, secondary=#432DD7, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FBFBF9, text=#1C293C

<!-- TYPEUI_SH_MANAGED_START -->
# Neon Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Neon.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
Neon high contrast design 

## Style Foundations
- Visual style: high-contrast
- Typography scale: 14/16/18/24/32/40 | Fonts: primary=Roboto, display=STIX Two Text, mono=Source Code Pro | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, secondary | Tokens: primary=#BBF351, secondary=#00BCFF, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#111827

<!-- TYPEUI_SH_MANAGED_START -->
# Neumorphism club Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for neumorphism.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
Join the private club where people are building, monetizing, and marketing products with AI.

## Style Foundations
- Visual style: minimal, clean, high-contrast, playful, matrix
- Typography scale: desktop-first expressive scale | Fonts: primary=Space Mono, display=Space Mono, mono=JetBrains Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, secondary, success, warning, danger, info | Tokens: primary=#006666, secondary=#F1F2F5, success=#00A63D, warning=#FE9900, danger=#FF2157, surface=#E7E5E4, text=#1E2938

<!-- TYPEUI_SH_MANAGED_START -->
# Pacman Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for pacman.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
Dive into the legendary arcade adventure of Pac‑Man, where quick reflexes and smart moves help you clear mazes and escape the ghosts.

## Style Foundations
- Visual style: high-contrast, playful, dotted borders
- Typography scale: desktop-first expressive scale | Fonts: primary=Press Start 2P, display=Press Start 2P, mono=Space Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, secondary, success, warning, danger, info, surface/subtle layers | Tokens: primary=#2A3FE5, secondary=#F4B9B0, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#000000, text=#111827

<!-- TYPEUI_SH_MANAGED_START -->
# Paper Design Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Paper Design.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
Paper design style

## Style Foundations
- Visual style: minimal, clean
- Typography scale: 14/16/18/24/32/40 | Fonts: primary=Roboto, display=Montserrat, mono=PT Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, neutral, success, warning, danger | Tokens: primary=#111111, secondary=#8B5CF6, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#111827

<!-- TYPEUI_SH_MANAGED_START -->
# Perspective Design Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Perspective Design.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
This style moves beyond flat design by employing techniques like isometric views, vanishing points, and layered elements to guide the user's attention and create a sense of realism or "spatial" depth.     

## Style Foundations
- Visual style: modern, clean, high-contrast
- Typography scale: 12/14/16/20/24/32 | Fonts: primary=Poppins, display=Oswald, mono=JetBrains Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, neutral, success, warning, danger | Tokens: primary=#00BD7D, secondary=#00BD7D, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#111827

<!-- TYPEUI_SH_MANAGED_START -->
# Power Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Power.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand


## Style Foundations
- Visual style: modern, bold, big headings
- Typography scale: desktop-first expressive scale | Fonts: primary=Oswald, display=Oswald, mono=JetBrains Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary | Tokens: primary=#FAFAFA, secondary=#FAFAFA, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#000000, text=#ffffff

<!-- TYPEUI_SH_MANAGED_START -->
# Premium Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for premium.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
Apple design style

## Style Foundations
- Visual style: modern
- Typography scale: 12/14/16/18/24/30/36 | Fonts: primary=Inter, display=Inter, mono=JetBrains Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, neutral, success, warning, danger | Tokens: primary=#3B82F6, secondary=#8B5CF6, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#111827

<!-- TYPEUI_SH_MANAGED_START -->
# Professional Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Professional.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
Electronics shop 

## Style Foundations
- Visual style: modern
- Typography scale: mobile-first compact scale | Fonts: primary=Poppins, display=Poppins, mono=IBM Plex Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, secondary, neutral, success, warning, danger | Tokens: primary=#FECE14, secondary=#000000, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#111827

<!-- TYPEUI_SH_MANAGED_START -->
# Pulse Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Pulse.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
Pulse design style embodies vibrant, dynamic, and bold aesthetics. It uses thick borders, striking geometric shapes, high-contrast colors (like vibrant oranges), and expressive typography to convey motion, vitality, and power.

## Style Foundations
- Visual style: bold, geometric, vibrant, thick-bordered
- Typography scale: 12/14/16/20/24/32/48 | Fonts: primary=Limelight, display=Limelight, mono=JetBrains Mono | weights=400
- Color palette: primary, secondary, neutral | Tokens: primary=#EA580B, secondary=#F59E0B, background=#FFEDD5, surface=#FDBA74, text=#EA580C

<!-- TYPEUI_SH_MANAGED_START -->
# Refined Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Refined.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
Refined design style

## Style Foundations
- Visual style: modern, minimal
- Typography scale: 12/14/16/20/24/32 | Fonts: primary=Playfair Display, display=Playfair Display, mono=JetBrains Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, neutral, success, warning, danger | Tokens: primary=#3B82F6, secondary=#8B5CF6, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#111827

<!-- TYPEUI_SH_MANAGED_START -->
# Retro Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Retro.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand


## Style Foundations
- Visual style: high-contrast, retro
- Typography scale: desktop-first expressive scale | Fonts: primary=Macondo, display=Macondo, mono=JetBrains Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, neutral, success, warning, danger | Tokens: primary=#3B82F6, secondary=#8B5CF6, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#111827

<!-- TYPEUI_SH_MANAGED_START -->
# Riso Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Riso.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
A playful, joyful, two-color risograph print aesthetic — built on a single warm off-white paper surface running through every section, a fluorescent brand pink reserved as the sole interaction driver, a deep federal-blue secondary carrying every heading and the signature offset print-shadow

## Style Foundations
- Visual style: clean, high-contrast
- Typography scale: 12/14/16/20/24/32 | Fonts: primary=Space Grotesk, display=Space Grotesk, mono=Overpass Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, secondary | Tokens: primary=#F237A1, secondary=#2C40A7, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#111827

<!-- TYPEUI_SH_MANAGED_START -->
# Roku Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Roku.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
A modern, Vercel/GitHub-inspired application dashboard designed for clarity, speed, and developer-first workflows. The interface focuses on simplicity and visual hierarchy, allowing teams to monitor, deploy, and manage applications effortlessly from a single control center. Features a top-bar only navigation (no sidebar) and a clean purple-themed aesthetic.

## Style Foundations
- Visual style: modern, clean, high-contrast, glass-like panels, soft shadows, rounded components
- Typography scale: 12/14/16/20/24/32 | Fonts: primary=Inter, display=Inter, mono=JetBrains Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary (purple), neutral, success, warning, danger | Tokens: primary=#9333ea, secondary=#a855f7, success=#10b981, warning=#f59e0b, danger=#ef4444, surface=#FFFFFF, text=#09090b

<!-- TYPEUI_SH_MANAGED_START -->
# Sega Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Sega.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
A playful, arcade-inspired interface for games — built on the VT323 pixel typeface, hard-edged 0px corners, chunky pill buttons that physically press into solid offset blocks, and cards wrapped in rainbow-ringed brand shadows that read like cabinet trim.

## Style Foundations
- Visual style: modern, playful
- Typography scale: 13/15/17/21/27/35 | Fonts: primary=VT323, display=VT323, mono=JetBrains Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, secondary, neutral, success, warning, danger | Tokens: primary=#4502FF, secondary=#FFDA14, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#111827

<!-- TYPEUI_SH_MANAGED_START -->
# Shadcn Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Shadcn.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
shadcn style design

## Style Foundations
- Visual style: minimal, clean
- Typography scale: 12/14/16/20/24/32 | Fonts: primary=Geist, display=Geist, mono=Fira Code | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, secondary | Tokens: primary=#000000, secondary=#111111, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#111827

<!-- TYPEUI_SH_MANAGED_START -->
# Sketch Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Sketch.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
A friendly, hand-drawn sketch interface inspired by pencil illustrations on warm cream paper. Soft teal brand accents, hand-written display headings, rounded pill controls, dashed card outlines, and chunky offset "pencil-drawn" shadows give every surface a tactile, illustrated feel.

## Style Foundations
- Visual style: modern, clean, high-contrast
- Typography scale: 12/14/16/20/24/32 | Fonts: primary=Delicious Handrawn, display=Delicious Handrawn, mono=JetBrains Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, secondary, neutral, success, warning, danger | Tokens: primary=#1DAD97, secondary=#F4EDE0, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#111827

<!-- TYPEUI_SH_MANAGED_START -->
# Skeumorphism Design System Skill (Antigravity)

## Mission

You are an expert design-system guideline author for Skeumorphism.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand

a UI/UX design approach that mimics real-world textures, materials, and 3D functionality to make digital interfaces intuitive, familiar, and relatable

## Style Foundations

<!-- TYPEUI_SH_MANAGED_START -->
# Sleek Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Sleek.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
Sleek UI/UX design emphasizes a modern, minimalist aesthetic ("less is more") focused on clean lines, high functionality, and reduced cognitive load. Key elements include a limited, intentional color palette (e.g., the 60-30-10 rule), subtle, non-distracting interactions, and consistent spacing.

## Style Foundations
- Visual style: modern, minimal, clean
- Typography scale: desktop-first expressive scale | Fonts: primary=Inter, display=Inter, mono=JetBrains Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, neutral, success, warning, danger | Tokens: primary=#3B82F6, secondary=#8B5CF6, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#111827

<!-- TYPEUI_SH_MANAGED_START -->
# Spacious Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Spacious.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
Spacious UI/UX design uses generous white space, consistent padding, and a 4- or 8-point grid system to create clean, readable, and intuitive interfaces

## Style Foundations
- Visual style: minimal, clean
- Typography scale: 12/14/16/18/24/30/36 | Fonts: primary=Open Sans, display=Montserrat, mono=IBM Plex Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, neutral, success, warning, danger | Tokens: primary=#3B82F6, secondary=#8B5CF6, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#111827

<!-- TYPEUI_SH_MANAGED_START -->
# Square Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Square.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand


## Style Foundations
- Visual style: minimal, clean
- Typography scale: 14/16/18/24/32/40 | Fonts: primary=Google Sans, display=Google Sans, mono=Anonymous Pro | weights=100, 200, 300, 400, 500, 600
- Color palette: primary, secondary, neutral, success, warning, danger | Tokens: primary=#3B82F6, secondary=#8B5CF6, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#111827

<!-- TYPEUI_SH_MANAGED_START -->
# Stitch Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Stitch.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
Everything you need – data, apps, and AI in an intuitive drag and drop interface to automate your workflows.

## Style Foundations
- Visual style: clean, high-contrast, enterprise
- Typography scale: desktop-first expressive scale | Fonts: primary=Ubuntu, display=Oswald, mono=Ubuntu Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, success, warning, danger | Tokens: primary=#072C2C, secondary=#FF5F03, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#EDEADE, text=#111827

<!-- TYPEUI_SH_MANAGED_START -->
# Storytelling Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Storytelling.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
a narrative techniques to create engaging, intuitive, and emotionally resonant digital experiences. It guides users through a cohesive journey using visuals, copy, and interaction, transforming functional interfaces into memorable experiences.

## Style Foundations
- Visual style: playful
- Typography scale: desktop-first expressive scale | Fonts: primary=Inter, display=Abril Fatface, mono=JetBrains Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, neutral, success, warning, danger | Tokens: primary=#3B82F6, secondary=#8B5CF6, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#111827

<!-- TYPEUI_SH_MANAGED_START -->
# Terracotta Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Terracotta.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
A sun-baked, clay-toned editorial interface built on warm cream surfaces, ink-brown headlines set in a display serif, and a single terracotta accent. Earthy, human, and content-first — tuned for long-form reading, blogs, storytelling, and editorial layouts where readability and visual rhythm matter.

## Style Foundations
- Visual style: modern, clean, high-contrast, playful
- Typography scale: 14/16/18/24/32/40 | Fonts: primary=DM Serif Display, display=DM Serif Display, mono=JetBrains Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, neutral, success, warning, danger | Tokens: primary=#C56A3C, secondary=#F3E9D8, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#111827

<!-- TYPEUI_SH_MANAGED_START -->
# Tetris Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Tetris.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
the most iconic game of history

## Style Foundations
- Visual style: high-contrast, playful, premium
- Typography scale: desktop-first expressive scale | Fonts: primary=Bangers, display=Bangers, mono=JetBrains Mono | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, secondary, success, warning, danger, info | Tokens: primary=#1C202B, secondary=#7107E7, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#DFE7FF, text=#1C398E

<!-- TYPEUI_SH_MANAGED_START -->
# Vibrant Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Vibrant.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
Vibrant style 

## Style Foundations
- Visual style: modern, clean, bold, playful
- Typography scale: 14/16/18/24/32/40 | Fonts: primary=Noto Sans, display=Fascinate, mono=Fira Code | weights=100, 200, 300, 400, 500, 600, 700, 800, 900
- Color palette: primary, secondary, neutral, success | Tokens: primary=#7C61D4, secondary=#EAAE87, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#FFFFFF, text=#2F281D

<!-- TYPEUI_SH_MANAGED_START -->
# Vintage Design System Skill (Universal)

## Mission
You are an expert design-system guideline author for Vintage.
Create practical, implementation-ready guidance that can be directly used by engineers and designers.

## Brand
Vintage design style revives aesthetics from the 1950s–1990s, blending nostalgia with modern functionality through skeuomorphic elements, grainy textures, and retro color palettes

## Style Foundations
- Visual style: clean, vintage, retro
- Typography scale: 12/14/16/20/24/32 | Fonts: primary=Silkscreen, display=Silkscreen, mono=JetBrains Mono | weights=400, 700
- Color palette: primary, neutral, success, warning, danger | Tokens: primary=#008080, secondary=#C0C0C0, success=#16A34A, warning=#D97706, danger=#DC2626, surface=#C0C0C0, text=#000000