Plugins
4 plugins@owl-listener
Design Systems
Design system skills: component specs, design tokens, naming conventions, spacing and grid systems, accessibility standards, and documentation.
11 skills · plugin
curated
Ship Brand Design Guide
Generate a brand design guide including color palette, typography, UI components, and mockups.
5 skills · plugin
curated
Create Design System Documentation
Generate component specifications, pattern library entries, and design system documentation for UI consistency.
8 skills · plugin
curated
Build Accessible React UI
Install this pack to build an accessible, performant React UI component from design to audit.
4 skills · plugin
Results for “component-design”
66 skillscursor-design-analysis
Documents the design system for Cursor's marketing site, including color palette, typography, layout, and component tokens.
50.9k · bundle
design-chain-audit
Audits a codebase against a multi-layer design system, checking token, primitive, component, and layout drift with automated grep checks and severity ratings.
1
miro-design-analysis
Documents Miro's brand design system including colors, typography, layout, and component patterns for visual consistency.
50.9k · bundle
resend-design-analysis
Analyzes and documents Resend's brand design system, including color palette, typography, spacing, and component patterns for dark-themed developer tools.
50.9k · bundle
ui-review
Audits UI code for compliance with the StyleSeed design system, covering design tokens, component conventions, accessibility, mobile UX, and typography.
42.4k
apple-design-analysis
Documents Apple's design system including color tokens, typography hierarchy, spacing rhythm, and component patterns across five surfaces.
50.9k · bundle
framer-design-analysis
Analyze Framer's marketing site design system, including color palette, typography hierarchy, spacing, and component patterns, to produce a structured design specification.
50.9k · bundle
airtable-design-analysis
Documents Airtable's design system including color tokens, typography hierarchy, spacing, and component patterns for building editorial-style marketing interfaces.
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
stitch-extract-design-md
Analyzes frontend source code to extract a comprehensive design system document (DESIGN.md) capturing colors, typography, spacing, and component patterns without building or rendering the app.
0 · bundle
starbucks
Documents the Starbucks design system with color palette, typography rules, spacing, and component styles for UI implementation.
50.9k · bundle
composio-design-analysis
Documents the design system for Composio's marketing site, including color palette, typography, layout, elevation, shapes, and component specifications.
50.9k · bundle
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.
6.4k · bundle
nike-design-analysis
Documents Nike's commerce design system: photography-first layouts, typographic hierarchy, color palette, and component patterns across PLP, PDP, and editorial pages.
50.9k · bundle
sprintable-design
Generates on-brand interfaces and assets for Sprintable, from throwaway HTML prototypes to production code, using the included design tokens, fonts, and UI kit components.
0 · bundle
expo-design-analysis
Documents the visual design system of Expo's marketing site, including color palette, typography, layout, and component styles for consistent brand implementation.
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
sanity
Provides a comprehensive design system specification inspired by Sanity's visual identity, including color palette, typography, spacing, and component styles for building dark-themed developer interfaces.
50.9k · bundle
notion-design-analysis
Documents Notion's brand design system including color tokens, typography hierarchy, layout spacing, and component geometry across homepage, enterprise, AI, agents, startups, and pricing surfaces.
50.9k · bundle
theverge
Provides a comprehensive design system specification inspired by The Verge's 2024 redesign, including color palette, typography, and component styles for building dark-themed editorial interfaces.
50.9k · bundle
impeccable
Designs and iterates production-grade frontend interfaces, covering UX review, visual hierarchy, accessibility, performance, responsive behavior, theming, typography, layout, color, motion, and design systems. Handles websites, landing pages, dashboards, product UI, components, forms, and more.
0 · bundle
mastercard
Provides a design system specification inspired by Mastercard's visual language, including color palette, typography, and component patterns for building brand-aligned interfaces.
50.9k · bundle
icon-system
Establishes or validates a canonical Icon wrapper component, size token scale, stroke weight conventions, and illustration usage standards for a project, creating src/components/ui/icon.tsx and documenting the system.
1
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
design-system
Creates and manages design token systems with three-layer architecture, generates CSS variables, validates token usage, and produces brand-compliant slide presentations with Chart.js and contextual decision logic.
1 · bundle
lovable
Provides a design system specification inspired by Lovable's website, including visual theme, color palette, typography rules, and component styling for building warm, approachable interfaces.
50.9k · bundle
brand-kit
Extrai tokens de cor, tipografia, grid, logo e componentes do Figma e grava na seção 3 do contexto, marcando itens inferidos quando não há acesso ao Figma.
2
ui-theme-reference
Canonical design token registry covering colors, typography, spacing, sizing, border radius, shadows, z-index, breakpoints, motion, and focus tokens, with a CSS variable template for project setup.
2
design-system
Define or refactor a shared frontend UI system by establishing token governance, visual-language rules, primitive naming, and cross-product consistency before polishing individual screens.
42 · bundle
ui-pattern
Generate reusable UI patterns such as card sections, grids, lists, forms, and chart wrappers using StyleSeed Toss primitives.
42.4k