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.