Frontend & Design · ancoleman/ai-design-components

Builds AI chat interfaces and conversational UI with streaming responses, context management, and multi-modal support.

ancoleman/ai-design-components

Builds form components and data collection interfaces including contact forms, registration flows, checkout processes, surveys, and settings pages.

ancoleman/ai-design-components

Builds tables and data grids for displaying tabular information, from simple HTML tables to complex enterprise data grids.

ancoleman/ai-design-components

Creates comprehensive dashboard and analytics interfaces that combine data visualization, KPI cards, real-time updates, and interactive layouts.

ancoleman/ai-design-components

Designs layout systems and responsive interfaces including grid systems, flexbox patterns, sidebar layouts, and responsive breakpoints.

ancoleman/ai-design-components

Displays chronological events and activity through timelines, activity feeds, Gantt charts, and calendar interfaces.

ancoleman/ai-design-components

Implements onboarding and help systems including product tours, interactive tutorials, tooltips, checklists, help panels, and progressive disclosure patterns.

ancoleman/ai-design-components

Implements drag-and-drop and sortable interfaces with React/TypeScript including kanban boards, sortable lists, file uploads, and reorderable grids.

ancoleman/ai-design-components

Implements navigation patterns and routing for both frontend (React/TS) and backend (Python) including menus, tabs, breadcrumbs, client-side routing, and server-side route configuration.

ancoleman/ai-design-components

Implements search and filter interfaces for both frontend (React/TypeScript) and backend (Python) with debouncing, query management, and database integration.

ancoleman/ai-design-components

Implements media and file management components including file upload (drag-drop, multi-file, resumable), image galleries (lightbox, carousel, masonry), video players (custom controls, captions…

ancoleman/ai-design-components

Builds dashboards, reports, and data-driven interfaces requiring charts, graphs, or visual analytics.

ancoleman/ai-design-components

Provides design token system and theming framework for consistent, customizable UI styling across all components.

ancoleman/ai-design-components

Assembles component outputs from AI Design Components skills into unified, production-ready component systems with validated token integration, proper import chains, and framework-specific…

ancoleman/ai-design-components

When validating system performance under load, identifying bottlenecks through profiling, or optimizing application responsiveness.

ancoleman/ai-design-components

Implements feedback and notification systems including toasts, alerts, modals, progress indicators, and error states.

ancoleman/ai-design-components