Results for “component-design”

Audits UI code for compliance with the StyleSeed design system, covering design tokens, component conventions, accessibility, mobile UX, and typography.

Documents Apple's design system including color tokens, typography hierarchy, spacing rhythm, and component patterns across five surfaces.

Guides secure design and review of Lightning Web Components, covering DOM safety, Apex data exposure, and Lightning Web Security.

Guides designing or reviewing Lightning Web Components for keyboard access, semantic labeling, and focus management, prioritizing base components over custom ARIA.

Expert knowledge for Tailwind CSS styling and component patternsUse when "tailwind, tailwindcss, utility classes, responsive design, dark mode, styling, css classes, tailwind, css, styling, ui, responsive, dark-mode, components" mentioned.

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

Design stable, well-documented interfaces that are hard to misuse, including REST APIs, GraphQL schemas, module boundaries, and component props.

Generates a complete Figma Make prompt package with context primer, checkpoint, build prompts, and iteration templates for designing UI pages, components, or screens.

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

Material-UI v7 component library patterns including sx prop styling, theme integration, responsive design, and MUI-specific hooks. Use when working with MUI components, styling with sx prop, theme customization, or MUI utilities.

Material-UI v7 component library patterns including sx prop styling, theme integration, responsive design, and MUI-specific hooks. Use when working with MUI components, styling with sx prop, theme customization, or MUI utilities.

Analyze Framer's marketing site design system, including color palette, typography hierarchy, spacing, and component patterns, to produce a structured design specification.

Manages shadcn/ui components and projects, providing context, documentation, and usage patterns for building modern design systems.

Manages shadcn/ui components and projects, providing context, documentation, and usage patterns for building modern design systems.

Manages shadcn/ui components and projects, providing context, documentation, and usage patterns for building modern design systems.

Manages shadcn/ui components and projects, providing context, documentation, and usage patterns for building modern design systems.

Manages shadcn/ui components and projects, providing context, documentation, and usage patterns for building modern design systems.

Manages shadcn/ui components and projects, providing context, documentation, and usage patterns for building modern design systems.

Manages shadcn/ui components and projects, providing context, documentation, and usage patterns for building modern design systems.

Manages shadcn/ui components and projects, providing context, documentation, and usage patterns for building modern design systems.

Manages shadcn/ui components and projects, providing context, documentation, and usage patterns for building modern design systems.

Manages shadcn/ui components and projects, providing context, documentation, and usage patterns for building modern design systems.

Manages shadcn/ui components and projects, providing context, documentation, and usage patterns for building modern design systems.

Manages shadcn/ui components and projects, providing context, documentation, and usage patterns for building modern design systems.

Select a consistent visual design system for PPT slides using radius/spacing style recipes, including Sharp, Soft, Rounded, and Pill variants with component mappings and typography rules.

Documents Airtable's design system including color tokens, typography hierarchy, spacing, and component patterns for building editorial-style marketing interfaces.

Builds accessible React UIs with shadcn/ui components, Tailwind CSS utility styling, and canvas-based visual design systems.

Documents the design system behind Ollama's marketing site, including color tokens, typography hierarchy, spacing, and component patterns for a minimal, documentation-first aesthetic.

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.

Cascade PCB components, add lumped elements, export Touchstone, and bridge to eye diagram or antenna array workflows. TRIGGER: user asks to cascade or connect multiple RF PCB components, add lumped R/L/C, export S-parameters to Touchstone, or combine PCB elements into a circuit. Invoke BEFORE writing pcbcascade or circuit code — cascade rules and port matching are non-obvious. SKIP: designing individual components (use the specific matlab-design-pcb-* skill), EM analysis of a single component (use matlab-analyze-em), material/stackup setup only (use matlab-manage-pcb-material), optimization (use matlab-optimize-pcb-design).

Documents the Starbucks design system with color palette, typography rules, spacing, and component styles for UI implementation.

Border design specifications for Naive UI components. Invoke when user needs to understand border styles, radius options, or shadow styles used throughout Naive UI.