sveltekit-progressive-architecture
SvelteKit Progressive Architecture
SvelteKit 프로젝트에 적용하는 아키텍처와 코드 작성 규칙.
언제 적용하나
- SvelteKit 코드를 작성하거나 리뷰할 때
- 서버 레이어 설계 또는 API 엔드포인트를 구현할 때
- 코드 스타일·타입 정의·파일 구조를 결정할 때
카테고리
| 카테고리 | 적용 상황 | 참조 파일 |
|---|---|---|
| Base Rules | .svelte 파일 작성, 타입 정의, $lib 구조, 주석 |
base-rules.md |
| Server Architecture | +server.ts, +page.server.ts, domain/infra 레이어, Drizzle, REST API |
server-architecture.md |
핵심 규칙 요약
More from dev-goraebap/sveltekit-skills
server-architecture
SvelteKit 서버 레이어 아키텍처 가이드라인. Active Record 도메인 모델, Query Service, REST API 패턴, 서브도메인 기반 스키마 조직을 정의한다. SvelteKit 프로젝트에서 서버 코드를 작성하거나 구조를 잡을 때 참고한다.
4html-prototype
>
1media-storage
파일 업로드·저장소·첨부 관리 패턴. Actions: 파일 업로드, 이미지 업로드, 파일 처리, 저장소 연동, 썸네일 첨부, 색상 추출, file upload, image upload, storage, attachment, thumbnail. Patterns: Active Storage, blobs 테이블, attachments 테이블, 다형적 첨부, 중복 파일 감지. Storage: Cloudflare R2, AWS S3, @aws-sdk/client-s3, UUID key, 2-level 디렉토리, CDN URL, presigned URL. DB: Drizzle ORM, blob, checksum, MD5, metadata JSON, MIME, byte_size. Color: 지배적 색상 추출, dominant color, Gemini API, hex, blobs.metadata. Query: 썸네일 조회, 서브쿼리, leftJoin, view-model, CDN URL 변환.
1agent-wiki
>
1vscode-claude-notify
VSCode Claude 익스텐션은 알림 hook이 Windows/macOS 모두에서 발화하지 않는 알려진 버그가 있다. 이 스킬은 OS 네이티브 알림(Windows BalloonTip, macOS 알림 센터)으로 우회하여 작업 완료·오류 발생 시 알림을 받을 수 있도록 hooks를 설정한다. 사용자가 'Claude 알림 설정', '작업 완료 알림', 'VSCode 알림 안 와요', 'hooks 알림', 'Claude 끝나면 알려줘' 등을 언급하면 이 스킬을 사용한다. Windows(WSL 포함)와 macOS 모두 지원한다.
1screen-design-doc
>
1