Does this skill support the latest version of Svelte?

Yes, it is specifically designed for Composable Svelte, which utilizes Svelte 5's latest reactivity features and store patterns.

How are component states managed?

Components are integrated with the Composable Architecture, where props handle configuration and Svelte stores manage reactive data and user actions.

Are specialized components like charts or 3D graphics included?

This skill covers core UI components. For specialized needs, you should use the companion skills: composable-svelte-charts, graphics, or maps.

What UI library is used as the base for these components?

The skill is built around shadcn-svelte, providing a robust, accessible, and highly customizable foundation for all UI elements.

Composable Svelte UI Components

Name: Composable Svelte UI Components
Author: linehaul-ai

bylinehaul-ai

•

Herramientas de Diseño

Implements high-quality UI interfaces using shadcn-svelte components integrated with the Composable Svelte state-driven architecture.

Acerca de

This skill provides a comprehensive reference and implementation guide for building modern web interfaces within the Composable Svelte ecosystem. It covers over 70 pre-configured shadcn-svelte components, offering specific patterns for integrating UI elements with Svelte 5 stores, reactive state, and action-based event handling. Whether you are building complex forms, data-heavy tables, or responsive navigation systems, this skill ensures that components remain accessible, consistent, and perfectly aligned with the Composable Architecture's modular approach.

Características Principales

Standardized form controls with reactive store-based validation
State-driven integration patterns for Modals, Sheets, and Drawers
1 GitHub stars
Sophisticated data display components including Tables, Cards, and Avatars
Pre-built feedback systems for Toasts, Progress bars, and Skeleton loaders
Reference for 73+ shadcn-svelte components optimized for Svelte 5

Casos de Uso

Implementing consistent layout patterns like accordions and tabbed navigation
Rapidly prototyping reactive dashboards with sortable tables and data cards
Building accessible, state-managed multi-step forms and input groups

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add linehaul-ai/linehaulai-claude-marketplace composable-svelte-components

For use in Claude.ai and ChatGPT

Download Skill

GitHub