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