Plugins
6 pluginscurated
Design System Foundation
Create design tokens, principles, and naming conventions for a new design system.
16 skills · plugin
curated
Design System Audit and Remediation
Identify design debt, audit tokens, and enforce consistency across a product.
14 skills · plugin
curated
Publish Mobile-First Page
Scaffold and publish a mobile-first page with responsive layout and design tokens.
4 skills · plugin
curated
React Motion UI System
Install foundational motion tokens, UI patterns, and accessibility enforcement for React/Next.js.
5 skills · plugin
@owl-listener
Design Systems
Design system skills: component specs, design tokens, naming conventions, spacing and grid systems, accessibility standards, and documentation.
11 skills · plugin
@owl-listener
Visual Critique
Visual critique skills: hierarchy analysis, brand consistency checks against mood/voice/tokens, composition evaluation, and typography audits — with a /critique-screen command that compiles a prioritised fix list.
7 skills · plugin
Results for “tokens”
24 skillsslides
Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.
· bundle
figma-design-analysis
Analyzes and documents Figma's marketing design system, including color tokens, typography hierarchy, spacing, and component patterns.
50.9k · bundle
cursor-design-analysis
Documents the design system for Cursor's marketing site, including color palette, typography, layout, and component tokens.
50.9k · bundle
ckm-slides
Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.
1 · bundle
apple-design-analysis
Documents Apple's design system including color tokens, typography hierarchy, spacing rhythm, and component patterns across five surfaces.
50.9k · bundle
coinbase-design-analysis
Documents the visual design system of Coinbase's marketing surfaces, including color palette, typography, layout, and elevation tokens.
50.9k · bundle
More results
ferrari-design-analysis
Documents Ferrari's brand design system including color palette, typography, spacing, and layout tokens for use in marketing materials.
50.9k · bundle
intercom-design-analysis
Documents Intercom's design system including color palette, typography hierarchy, spacing tokens, and layout patterns for marketing surfaces.
50.9k · bundle
opencode-design-analysis
Documents the monospaced, manpage-inspired design system of OpenCode's marketing site, including typography, color palette, and spacing tokens.
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
ollama-design-analysis
Documents the design system behind Ollama's marketing site, including color tokens, typography hierarchy, spacing, and component patterns for a minimal, documentation-first aesthetic.
50.9k · bundle
ckm-brand
Defines brand voice, visual identity, messaging frameworks, and asset management, with scripts to sync guidelines to design tokens and validate assets.
1 · bundle
clay-design-analysis
Defines a vibrant claymation-meets-data design system for Clay.com, including color palette, typography, layout, and elevation tokens for GTM-data interfaces.
50.9k · bundle
minimax-design-analysis
Analyzes MiniMax's design system, documenting its dual identity of stark monochrome marketing and vibrant gradient product cards, with detailed color, typography, and layout tokens.
50.9k · bundle
mintlify-design-analysis
Analyzes Mintlify's design system, documenting its dual-mode aesthetic of atmospheric marketing heroes and dense developer documentation surfaces, including color tokens, typography hierarchy, and layout patterns.
50.9k · bundle
miro-design-analysis
Documents Miro's brand design system including colors, typography, layout, and component patterns for visual consistency.
50.9k · bundle
brand
Defines and manages brand identity including voice, visual standards, messaging frameworks, asset organization, and consistency audits.
· bundle
stripi-inspired-design-analysis
Analyzes Stripe's design language, documenting its color system, typography, layout, and component patterns for use in design projects.
50.9k · 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
shopifi-inspired-design-analysis
Analyzes and documents a two-track design system with cinematic dark marketing pages and light transactional surfaces, including color palettes, typography hierarchy, and component vocabulary.
50.9k · bundle
warp-inspired-design-analysis
Analyzes Warp's design language—warm dark canvas, restrained Inter typography, tight button radii, and terminal-mockup imagery—to extract a reusable design token system.
50.9k · bundle
wired-inspired-design-analysis
Analyzes and recreates Wired magazine's editorial design language: a strict black-and-white duet, proprietary serif/sans typographic system, square buttons, magazine-style story grid, and hairline borders.
50.9k · bundle
replicate-design-analysis
Documents Replicate's design system: warm cream canvas, hot orange accent, three-family typography stack (rb-freigeist-neue, basier-square, JetBrains Mono), fully rounded interactive elements, and a section rhythm that alternates between cream, orange hero, dark code-story, and black footer.
50.9k · bundle
brand-landingpage
Brand-first landing page designer — interviews the user to discover brand identity (adjectives, colors, typography, shape language), then generates and iterates on a polished landing page via Stitch with deployment-ready HTML output. Preferred over frontend-design for standalone landing/marketing pages where the user hasn't established visual direction yet. TRIGGER when: user asks to "create/design/build a landing page", "make a homepage for my project/product/service", "build a marketing page", or wants to promote an app/side project. Especially when they haven't defined brand colors, fonts, or visual style — the guided brand interview is the core value. DO NOT TRIGGER when: user has a specific design mockup to implement, wants a dashboard or app UI, needs component-level frontend work (buttons, forms, navbars), is building a multi-page application, or is restyling an existing page with known design tokens. Use frontend-design for those cases.
0 · bundle