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

•

设计工具

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

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.

主要功能

01Standardized form controls with reactive store-based validation

02State-driven integration patterns for Modals, Sheets, and Drawers

031 GitHub stars

04Sophisticated data display components including Tables, Cards, and Avatars

05Pre-built feedback systems for Toasts, Progress bars, and Skeleton loaders

06Reference for 73+ shadcn-svelte components optimized for Svelte 5

使用场景

01Implementing consistent layout patterns like accordions and tabbed navigation

02Rapidly prototyping reactive dashboards with sortable tables and data cards

03Building 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

主要功能

01Standardized form controls with reactive store-based validation

02State-driven integration patterns for Modals, Sheets, and Drawers

031 GitHub stars

04Sophisticated data display components including Tables, Cards, and Avatars

05Pre-built feedback systems for Toasts, Progress bars, and Skeleton loaders

06Reference for 73+ shadcn-svelte components optimized for Svelte 5

使用场景

01Implementing consistent layout patterns like accordions and tabbed navigation

02Rapidly prototyping reactive dashboards with sortable tables and data cards

03Building 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