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
Package
panel-ui-kit@0.3.0-alpha.3Active profileNeutral
Base themeneutral
Apply semantic roles first, family rules next, then component geometry. Use actual public imports and supported properties.
Explore supported tokens3Keep 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.