·svelte5-showcase-components
*

svelte5-showcase-components

49개의 프로덕션 준비가 포함된 Svelte 5 Showcase 구성 요소 라이브러리에 대한 포괄적인 가이드를 제공합니다. 7가지 카테고리로 구성된 구성 요소입니다. 사용 가능한 구성요소를 검색해야 할 때 사용하세요. 구성 요소 사용 패턴 이해, 구성 요소를 새 프로젝트에 통합 또는 참조 Svelte 5 개발 모범 사례. "사용 가능한 구성 요소"에 대해 트리거됩니다. "[컴포넌트 이름] 사용 방법", "쇼케이스 컴포넌트 통합", "쇼케이스에서 컴포넌트 복사", "Svelte 5 구성 요소 예제" 또는 "쇼케이스 구성 요소 라이브러리". shadcn-svelte와 함께 작동합니다. 비트 UI, TailwindCSS v4, sveltekit-superforms 및 Svelte 5 룬.

3설치·0트렌드·@dawiddutoit

설치

$npx skills add https://github.com/dawiddutoit/custom-claude --skill svelte5-showcase-components

svelte5-showcase-components 설치 방법

명령줄에서 svelte5-showcase-components AI 스킬을 개발 환경에 빠르게 설치

  1. 터미널 열기: 터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다
  2. 설치 명령어 실행: 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/dawiddutoit/custom-claude --skill svelte5-showcase-components
  3. 설치 확인: 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다

출처: dawiddutoit/custom-claude.

The Svelte 5 Showcase is a production-ready component library with 49 components organized into 7 categories, built with Svelte 5 runes, TypeScript strict mode, and TailwindCSS v4.

Location: /Users/dawiddutoit/projects/play/svelte/src/lib/components/ui/

Example Location: /Users/dawiddutoit/projects/play/svelte/src/routes/showcase/primitives/form/+page.svelte

49개의 프로덕션 준비가 포함된 Svelte 5 Showcase 구성 요소 라이브러리에 대한 포괄적인 가이드를 제공합니다. 7가지 카테고리로 구성된 구성 요소입니다. 사용 가능한 구성요소를 검색해야 할 때 사용하세요. 구성 요소 사용 패턴 이해, 구성 요소를 새 프로젝트에 통합 또는 참조 Svelte 5 개발 모범 사례. "사용 가능한 구성 요소"에 대해 트리거됩니다. "[컴포넌트 이름] 사용 방법", "쇼케이스 컴포넌트 통합", "쇼케이스에서 컴포넌트 복사", "Svelte 5 구성 요소 예제" 또는 "쇼케이스 구성 요소 라이브러리". shadcn-svelte와 함께 작동합니다. 비트 UI, TailwindCSS v4, sveltekit-superforms 및 Svelte 5 룬. 출처: dawiddutoit/custom-claude.

인용 가능한 정보

AI/검색 인용용 안정적인 필드와 명령어.

설치 명령어
npx skills add https://github.com/dawiddutoit/custom-claude --skill svelte5-showcase-components
카테고리
*크리에이티브
인증됨
최초 등록
2026-02-25
업데이트
2026-03-11

Browse more skills from dawiddutoit/custom-claude

빠른 답변

svelte5-showcase-components이란?

49개의 프로덕션 준비가 포함된 Svelte 5 Showcase 구성 요소 라이브러리에 대한 포괄적인 가이드를 제공합니다. 7가지 카테고리로 구성된 구성 요소입니다. 사용 가능한 구성요소를 검색해야 할 때 사용하세요. 구성 요소 사용 패턴 이해, 구성 요소를 새 프로젝트에 통합 또는 참조 Svelte 5 개발 모범 사례. "사용 가능한 구성 요소"에 대해 트리거됩니다. "[컴포넌트 이름] 사용 방법", "쇼케이스 컴포넌트 통합", "쇼케이스에서 컴포넌트 복사", "Svelte 5 구성 요소 예제" 또는 "쇼케이스 구성 요소 라이브러리". shadcn-svelte와 함께 작동합니다. 비트 UI, TailwindCSS v4, sveltekit-superforms 및 Svelte 5 룬. 출처: dawiddutoit/custom-claude.

svelte5-showcase-components 설치 방법은?

터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/dawiddutoit/custom-claude --skill svelte5-showcase-components 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다

소스 저장소는 어디인가요?

https://github.com/dawiddutoit/custom-claude