Skip to content
PanelUI KitCompany design system
0.3.0-alpha.3
Workflow / Design with AI

Design with AI

Start with a task. Keep the component contract and the editable result together.

1Describe the job

Supply approved references and content. Agree on the information hierarchy before styling.

2Supply the design contract

Packagepanel-ui-kit@0.3.0-alpha.3
Active profileNeutral
Base themeneutral

Apply semantic roles first, family rules next, then component geometry. Use actual public imports and supported properties.

Explore supported tokens

3Keep additions local

Compose with shared components. Keep project-specific layouts, save feedback and missing pieces local, using the same tokens. Identify each addition for engineering review.

Try the task, empty and error states, keyboard navigation, narrow screens and reduced motion. Record checks and remaining gaps.

Panel UI KitShared components. Product identity.