Results for “component-patterns”

Highlight component for highlighting matched text patterns. Invoke when user needs to highlight search results or specific text patterns in Naive UI.

Creates comprehensive design systems with tokens, components, patterns, and documentation

Vue.js 3 Composition API patterns, component architecture, reactivity best practices, Pinia state management, Vue Router navigation, and Nuxt SSR patterns. Activates for Vue, Nuxt, Vite, or Pinia projects.

Provides a curated library of design references covering typography, color systems, component patterns, animation, accessibility, and critique frameworks, plus a catalog of 59 brand design systems for UI generation.

shadcn/ui expert guidance — CLI, component installation, composition patterns, custom registries, theming, Tailwind CSS integration, and high-quality interface design. Use when initializing shadcn, adding components, composing product UI, building custom registries, configuring themes, or troubleshooting component issues.

Scaffold a new mobile-first page using StyleSeed Toss layout patterns, section rhythm, and existing shell components.

Analyzes an existing Vue project's UI to map components, extract design tokens, and identify code patterns, then generates a project-specific contextual skill file for consistent future development.

Scaffold Next.js/React projects, generate components, analyze bundle sizes, and apply React/Next.js optimization patterns.

Analyzes and documents Figma's marketing design system, including color tokens, typography hierarchy, spacing, and component patterns.

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.

Provides React and Next.js patterns for component composition, state management, data fetching, and performance optimization.

Provides expert patterns for implementing Clerk authentication in Next.js, including middleware, server components, client hooks, organizations, and webhooks.

Diagnose and fix automatic batching regressions in React 18 class components with a decision tree for setState behavior changes.

Use when building UIs leveraging the WordPress Design System (WPDS) and its components, tokens, patterns, etc.

Headless UI - Unstyled, fully accessible UI components for React and Vue with built-in ARIA patterns

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.

Generate reusable UI patterns such as card sections, grids, lists, forms, and chart wrappers using StyleSeed Toss primitives.

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.

Generate production-quality React + Tailwind CSS code using the Rayden UI component library with correct props, design tokens, and layout patterns.

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.

Modern Angular (v20+) expert with deep knowledge of Signals, Standalone Components, Zoneless applications, SSR/Hydration, and reactive patterns.

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

Modern Angular (v20+) expert with deep knowledge of Signals, Standalone Components, Zoneless applications, SSR/Hydration, and reactive patterns.