/component

From frontend-design-system

Description

Generate styled UI components with design system consistency

Argument

<type> [style]

Allowed Tools

ReadWriteGlobGrepBash

Prompt Preview

# Styled Component Generation Command

Generate production-ready UI components with design system consistency, accessibility features, and style variants.

## Usage



## Arguments

- `type` (required): Component type - `button`, `card`, `modal`, `form`, `navigation`, `input`, `select`, `checkbox`, `radio`, `switch`, `badge`, `alert`, `tooltip`, `dropdown`, `tabs`, `accordion`, `breadcrumb`, `pagination`, `table`, `loader`, `progress`
- `style` (optional): Design style name to apply (defaults to active theme)

## Examples



## Execution Flow

### 1. Load Component Template

Load base templ...

Other plugins with /component

konflux

Manage Konflux component

bootstrap-expert

Generate a Bootstrap 5.3 component based on the user's request.

bootstrap-expert

Generate a Bootstrap 5.3 component based on the user's request.

chartjs-expert

Generate Chart.js chart code interactively

dapr

Generate DAPR component YAML files for state stores, pub/sub, bindings, and secrets across Azure, AWS, and GCP