composable-svelte-components

Reference shadcn-svelte components for Composable Svelte UI integration.

4|Updated Dec 13, 2025
One-click install
npx skills add https://github.com/linehaul-ai/linehaulai-claude-marketplace --skill composable-svelte-components
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: composable-svelte-components
Source: https://github.com/linehaul-ai/linehaulai-claude-marketplace/tree/main/.claude-plugin/composable-svelte-components
Command: npx skills add https://github.com/linehaul-ai/linehaulai-claude-marketplace --skill composable-svelte-components

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides a comprehensive UI component library reference for Composable Svelte, covering shadcn-svelte components, integration patterns, and how to wire components with the Composable Architecture.

Core Features & Use Cases

  • Component Library Overview: 73+ shadcn-svelte components and organization
  • Navigation Components: Modal, Sheet, Drawer, Alert, Popover
  • Form & Input Components: Input, Select, Checkbox, etc.
  • Integration Patterns: Props, stores, and dispatching actions

Quick Start

Start by importing components from @composable-svelte/core and wiring them into your app to accelerate UI development.

Frequently Asked Questions about composable-svelte-components

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build consistent UI components in Svelte apps?▼

Use shadcn-svelte components from @composable-svelte/core to create consistent UI. The library provides 73+ pre-built components—modals, inputs, forms, and more—configured with props and stores, eliminating design inconsistencies across your app.

Can I use shadcn-svelte components with the Composable Architecture?▼

Yes. Composable Svelte components integrate shadcn-svelte with the Composable Architecture through props, store-driven state, and action dispatch, allowing components to wire seamlessly into your architecture without custom integration work.

What form and input components are available for Svelte?▼

The library includes inputs, selects, checkboxes, radio groups, and other form elements from shadcn-svelte. Each component supports prop-based configuration, accessibility patterns, and stateful integration via stores and dispatches.

How do I add modals, sheets, and drawers to my Svelte app?▼

Import modal, sheet, and drawer components from @composable-svelte/core. Configure them with props, manage state through stores, and dispatch actions to integrate them into your app's navigation and user flows.

Do I need to build UI components from scratch for Composable Svelte?▼

No. The 73+ shadcn-svelte components cover navigation, forms, inputs, and layout patterns. You can start immediately by importing components and configuring them with props and stores rather than building custom solutions.