Results for “components”

Converts Stitch designs into modular Vite and React components using system-level networking and AST-based validation.

Integrate and customize shadcn/ui components with full ownership, including discovery, installation, theming, and best practices.

Scaffold React components following the Container/Presentation pattern under src/components, with TypeScript, Storybook, and SCSS conventions.

Write Vue 3 single-file components using the Composition API with script setup, covering reactivity, lifecycle, and built-in components.

Identifies reusable UI patterns, components, and design tokens, then extracts and consolidates them into a design system for systematic reuse.

Build React interfaces with Material UI components, theming, styled engine, data grid, date pickers, and icons.

Layout system for Naive UI including Grid, Flex, Space, and Layout components. Invoke when user needs to create responsive layouts, grid systems, or understand layout components.

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

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

Execute JavaScript in Figma files via the Plugin API to create, edit, and inspect design nodes, variables, and components.

Translates application pages, views, or multi-section layouts into Figma screens by reusing design system components, variables, and styles.

Migrate Android Jetpack Compose UI components to use the experimental Styles API for centralized theming and state-based styling.

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

Converts Stitch designs into modular Vite and React components, using MCP networking and AST-based validation to ensure code quality.

Integrates Figma Dev Mode via MCP to extract assets, components, styles, and design tokens, converting designs to code with high fidelity.

Overview of all Naive UI components organized by category. Invoke when user needs a quick reference to all available components or wants to explore the component library.

Develop custom Tekton Tasks and reusable pipeline components. Use when creating Tasks for Tekton Hub, building ClusterTasks, designing parameterized Task libraries, or packaging Tekton components for distribution.

Share state between Blazor components across render mode boundaries using cascading values, scoped services with change events, or CascadingValueSource via DI.

Use the Microsoft Fluent UI Blazor component library in Blazor applications, covering setup, providers, icons, list components, dialogs, toasts, and theming.

Establish clear naming conventions for design assets, components, and tokens to make design systems predictable and maintainable.

Builds memory-safe, performant Lightning Web Components with correct lifecycle hook usage, covering build, review, and troubleshooting workflows.

Build and maintain Rayden UI components and screens in Figma via Figma MCP with full design token enforcement.

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.

Provides React composition patterns to avoid boolean prop proliferation, covering compound components, state management, and React 19 API changes.

Develop, test, and document UI components in isolation with Storybook, including interactive controls, accessibility testing, and visual regression.

Create React Flow node components with TypeScript types, handles, and Zustand store integration for building custom nodes in visual workflow editors.

Next.js App Router expert guidance. Use when building, debugging, or architecting Next.js applications — routing, Server Components, Server Actions, Cache Components, layouts, middleware/proxy, data fetching, rendering strategies, and deployment on Vercel.

Build, review, or troubleshoot Lightning Web Components that run inside Salesforce Flow screens, covering @api properties, FlowAttributeChangeEvent, validate(), and navigation events.

Scaffold a new public page under the (public) route group, following project conventions for server components, tenant config, and shadcn/ui styling.

Provides guidance on using the shadcn/ui component library, including installation, theming, and usage of components like forms and data tables.

React Email + Resend — transactional email templates using React components.

Build fully customizable, agent-ready design systems with Astryx — Meta's production design system now open source. Ships 150+ React components built on StyleX with zero styling lock-in, component swizzling, brand theming, dark mode, and CLI tooling. Use when building component libraries, design systems, UI applications, design tokens, or when teams need consistent accessible components that AI agents can understand and extend. Triggers on: astryx, design system, component library, design tokens, react components, accessible components, astryx design, stylesheets, theme customization, component composition.

Convert Stitch HTML designs to React Native components or sync existing native components with updated designs using StyleSheet.

Develops and debugs Apex code, builds Lightning Web Components, optimizes SOQL queries, and manages Salesforce DX deployments with CI/CD pipelines.

Compose custom Vue components with Reka UI v2 headless primitives, covering asChild/as composition, controlled state, portals, and Radix Vue migration.