Assembling Components
Capstone skill for wiring component outputs into production-ready systems
Capstone skill for wiring component outputs into production-ready systems
AI chat interfaces with streaming responses, context management, and multi-modal support
Form systems with 50+ input types, validation strategies, and accessibility patterns
Tables and data grids from simple HTML to enterprise grids handling millions of rows
Comprehensive dashboard interfaces combining data visualization, KPI cards, and real-time updates
Layout systems and responsive interfaces with grid systems and flexbox patterns
Chronological events and activity through timelines, feeds, Gantt charts, and calendars
Onboarding and help systems with product tours, tutorials, tooltips, and checklists
Drag-and-drop and sortable interfaces with accessibility and touch support
Navigation patterns and routing for frontend and backend applications
Search and filter interfaces for frontend and backend with debouncing and optimization
Media and file management with upload, galleries, video/audio players, and optimization
Feedback and notification systems including toasts, alerts, modals, and progress indicators
Design token system and theming framework for consistent, customizable UI styling across all components
Systematic framework for selecting and implementing data visualizations with 24+ chart types