@kood/claude-code 0.5.9 → 0.5.10

package/templates/.claude/skills/stitch-loop/README.md

@@ -1,54 +0,0 @@
-# Stitch Build Loop Skill
-
-Teaches agents to iteratively build websites using Stitch with an autonomous baton-passing loop pattern.
-
-## Install
-
-```bash
-npx add-skill google-labs-code/stitch-skills --skill stitch-loop --global
-```
-
-## What It Does
-
-Enables continuous, autonomous website development through a "baton" system:
-
-1. Agent reads task from `next-prompt.md`
-2. Generates page via Stitch MCP tools
-3. Integrates into site structure
-4. Writes next task to continue the loop
-
-## Prerequisites
-
-- Stitch MCP Server access
-- A `DESIGN.md` file (generate with the `design-md` skill)
-- A `SITE.md` file for project context
-
-## Example Prompt
-
-```text
-Read my next-prompt.md and generate the page using Stitch, then prepare the next iteration.
-```
-
-## Skill Structure
-
-```
-stitch-loop/
-├── SKILL.md              — Core pattern instructions
-├── README.md             — This file
-├── resources/
-│   ├── baton-schema.md   — Baton file format spec
-│   └── site-template.md  — SITE.md/DESIGN.md templates
-└── examples/
-    ├── next-prompt.md    — Example baton
-    └── SITE.md           — Example site constitution
-```
-
-## Works With
-
-- **`design-md` skill**: Generate `DESIGN.md` from existing Stitch screens
-- **CI/CD**: GitHub Actions can trigger new iterations on push
-- **Agent chains**: Dispatch to other agents (Jules, etc.)
-
-## Learn More
-
-See [SKILL.md](./SKILL.md) for complete instructions.

package/templates/.claude/skills/stitch-loop/SKILL.md

@@ -1,316 +0,0 @@
----
-name: stitch:loop
-description: 반복적 빌드 루프로 웹사이트 자율 구축
----
-
-<purpose>
-작업 바통 전달 방식으로 웹사이트를 점진적으로 구축하는 자율 루프 실행
-</purpose>
-
----
-
-<trigger_conditions>
-
-| 트리거 | 반응 |
-|--------|------|
-| "빌드 루프 시작" | 즉시 실행 |
-| "점진적 구축" | 즉시 실행 |
-| "next-prompt 실행" | 즉시 실행 |
-
-</trigger_conditions>
-
----
-
-<workflow>
-
-<step number="1">
-<action>작업 읽기</action>
-<tools>Read</tools>
-<details>
-`next-prompt.md`에서 다음 작업 추출:
-```yaml
----
-page: about
----
-회사 소개 페이지 생성
-- 팀 소개 섹션
-- 연혁 타임라인
-```
-</details>
-</step>
-
-<step number="2">
-<action>컨텍스트 참조</action>
-<tools>Read</tools>
-<details>
-필수 문서:
-- `SITE.md`: 비전, 사이트맵, 로드맵
-- `DESIGN.md`: 디자인 시스템
-
-완료된 페이지 확인 (중복 생성 방지)
-</details>
-</step>
-
-<step number="3">
-<action>페이지 생성</action>
-<tools>Stitch MCP (또는 직접 구현)</tools>
-<details>
-프롬프트 구성:
-1. `next-prompt.md` 내용
-2. `DESIGN.md`의 디자인 시스템 블록
-3. 페이지 요구사항
-
-**중요:** YAML `page` 필드가 출력 파일명 결정
-</details>
-</step>
-
-<step number="4">
-<action>통합</action>
-<tools>Write, Edit</tools>
-<details>
-- 생성된 HTML/CSS/JS를 프로덕션으로 이동
-- 경로 수정 (`/assets/` → 실제 경로)
-- 네비게이션 링크 업데이트
-</details>
-</step>
-
-<step number="5">
-<action>문서화</action>
-<tools>Edit</tools>
-<details>
-`SITE.md` 업데이트:
-- 사이트맵에 완료된 페이지 추가
-- 로드맵에서 완료 항목 제거
-</details>
-</step>
-
-<step number="6">
-<action>바통 전달</action>
-<tools>Write</tools>
-<details>
-`next-prompt.md` 작성:
-```yaml
----
-page: contact
----
-문의 페이지 생성
-- 문의 폼
-- 지도 임베드
-- 연락처 정보
-
-[DESIGN.md의 디자인 시스템 블록 포함 필수]
-```
-</details>
-</step>
-
-</workflow>
-
----
-
-<baton_system>
-
-## 핵심 개념
-
-**바통 파일 (`next-prompt.md`):**
-- 에이전트 간 상태 전달 메커니즘
-- 메모리 불필요 (파일이 상태)
-- CI/CD 자동화 가능
-- 사람 검토 가능
-
-## 필수 규칙
-
-| 규칙 | 이유 |
-|------|------|
-| YAML `page` 필드 필수 | 출력 파일명 결정 |
-| DESIGN.md 블록 포함 | 스타일 일관성 |
-| 완료 페이지 확인 | 중복 생성 방지 |
-| 네비게이션 업데이트 | UX 연속성 |
-
-## 바통 파일 구조
-
-```yaml
----
-page: [페이지명]
----
-[작업 설명]
-
-[요구사항]
-
----
-Design System:
-[DESIGN.md에서 복사]
----
-```
-
-</baton_system>
-
----
-
-<examples>
-
-## 초기 바통 파일
-
-**next-prompt.md:**
-```yaml
----
-page: index
----
-홈페이지 생성
-- 히어로 섹션 (CTA 버튼)
-- 주요 기능 3개 소개
-- 푸터 (SNS 링크)
-
----
-Design System:
-## Colors
-- Primary: #3B82F6 (파란색)
-- Secondary: #64748B (회색)
-
-## Typography
-- Heading: Inter 32px Bold
-- Body: Inter 16px Regular
-
-## Spacing
-- Section: 64px
-- Element: 24px
----
-```
-
----
-
-## 루프 실행 후
-
-**1. index.html 생성됨**
-
-**2. SITE.md 업데이트:**
-```markdown
-## Sitemap
-- [x] Home (`index.html`)
-- [ ] About
-- [ ] Contact
-```
-
-**3. 다음 바톤 (next-prompt.md):**
-```yaml
----
-page: about
----
-회사 소개 페이지 생성
-- 팀 소개 카드 (사진, 이름, 직책)
-- 연혁 타임라인
-
----
-Design System:
-[동일한 디자인 시스템 블록]
----
-```
-
-</examples>
-
----
-
-<site_md_structure>
-
-```markdown
-# Site Vision
-
-[웹사이트의 목적과 목표]
-
-## Sitemap
-
-- [x] Home (`index.html`)
-- [ ] About (`about.html`)
-- [ ] Contact (`contact.html`)
-
-## Roadmap
-
-### Phase 1 (진행중)
-- [x] 홈페이지
-- [ ] 회사 소개
-- [ ] 문의 페이지
-
-### Phase 2
-- [ ] 블로그
-- [ ] 제품 페이지
-```
-
-</site_md_structure>
-
----
-
-<integration_checklist>
-
-**페이지 통합 시:**
-- [ ] HTML/CSS/JS 파일 이동 완료
-- [ ] 상대 경로 수정 (`/assets/` → `./assets/`)
-- [ ] 네비게이션 링크 업데이트
-- [ ] SITE.md 사이트맵 체크
-- [ ] 플레이스홀더 제거 (Lorem ipsum 등)
-- [ ] 접근성 검증 (ARIA, alt 텍스트)
-
-</integration_checklist>
-
----
-
-<failure_modes>
-
-| 실패 패턴 | 해결 |
-|----------|------|
-| `next-prompt.md` 미작성 | 루프 중단 → 항상 작성 |
-| 디자인 시스템 누락 | 스타일 불일치 → DESIGN.md 블록 포함 |
-| 완료 페이지 재생성 | 리소스 낭비 → SITE.md 확인 |
-| 네비게이션 미업데이트 | UX 단절 → 모든 링크 검증 |
-
-</failure_modes>
-
----
-
-<best_practices>
-
-| 원칙 | 방법 |
-|------|------|
-| **상태 보존** | 바통 파일로 진행 상황 관리 |
-| **일관성** | 항상 DESIGN.md 참조 |
-| **검증** | 각 단계 후 SITE.md 업데이트 |
-| **자동화** | CI/CD 파이프라인 통합 가능 |
-
-## 자동화 예시
-
-```yaml
-# .github/workflows/build-loop.yml
-name: Stitch Build Loop
-on:
-  push:
-    paths:
-      - 'next-prompt.md'
-
-jobs:
-  build:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v2
-      - name: Run stitch-loop skill
-        run: claude skill stitch-loop
-      - name: Commit changes
-        run: |
-          git add .
-          git commit -m "chore: 빌드 루프 실행"
-          git push
-```
-
-</best_practices>
-
----
-
-<validation>
-
-**체크리스트:**
-- [ ] `next-prompt.md` YAML frontmatter 포함
-- [ ] `page` 필드 명시
-- [ ] DESIGN.md 블록 포함
-- [ ] SITE.md 사이트맵 최신화
-- [ ] 중복 페이지 생성 없음
-- [ ] 네비게이션 링크 동작
-- [ ] 플레이스홀더 제거
-
-</validation>

package/templates/.claude/skills/stitch-loop/examples/SITE.md

@@ -1,73 +0,0 @@
----
-stitch-project-id: 13534454087919359824
----
-# Project Vision & Constitution
-
-> **AGENT INSTRUCTION:** Read this file before every iteration. It serves as the project's "Long-Term Memory." If `next-prompt.md` is empty, pick the highest priority item from Section 5 OR invent a new page that fits the project vision.
-
-## 1. Core Identity
-* **Project Name:** Oakwood Furniture Co.
-* **Stitch Project ID:** `13534454087919359824`
-* **Mission:** A premium online furniture showroom showcasing handcrafted, sustainable wood furniture.
-* **Target Audience:** Design-conscious homeowners, interior designers, eco-minded buyers.
-* **Voice:** Warm, refined, artisanal, and trustworthy.
-
-## 2. Visual Language (Stitch Prompt Strategy)
-*Strictly adhere to these descriptive rules when prompting Stitch. Do NOT use code.*
-
-* **The "Vibe" (Adjectives):**
-    * *Primary:* **Warm** (Inviting, cozy, natural materials).
-    * *Secondary:* **Minimal** (Clean layouts, breathing room, gallery-like).
-    * *Tertiary:* **Artisanal** (Handcrafted feel, attention to detail).
-
-* **Color Philosophy (Semantic):**
-    * **Backgrounds:** Warm barely-there cream (#FCFAFA). Soft, inviting canvas.
-    * **Accents:** Deep muted teal-navy (#294056) for CTAs and highlights.
-    * **Text:** Charcoal near-black (#2C2C2C) for headlines, soft gray (#6B6B6B) for body.
-
-## 3. Architecture & File Structure
-* **Root:** `site/public/`
-* **Asset Flow:** Stitch generates to `queue/` -> Validate -> Move to `site/public/`.
-* **Navigation Strategy:**
-    * **Global Header:** Logo, Shop, Collections, About, Contact.
-    * **Global Footer:** Sustainability, Craftsmanship, Shipping Info, Social Links.
-
-## 4. Live Sitemap (Current State)
-*The Agent MUST update this section when a new page is successfully merged.*
-
-* [x] `index.html` - Homepage with hero and featured collections.
-* [x] `collections.html` - Overview of furniture categories.
-* [x] `about.html` - Our story and craftsmanship philosophy.
-* [ ] `contact.html` - Contact form and showroom locations.
-
-## 5. The Roadmap (Backlog)
-*If `next-prompt.md` is empty or completed, pick the next task from here.*
-
-### High Priority
-- [ ] **Product Detail Page:** Template for individual furniture items.
-- [ ] **Contact Page:** Contact form with showroom map.
-
-### Medium Priority
-- [ ] **Sustainability Page:** Our commitment to eco-friendly practices.
-- [ ] **Care Guide:** How to maintain wood furniture.
-
-## 6. Creative Freedom Guidelines
-*When the backlog is empty, follow these guidelines to innovate.*
-
-1. **Stay On-Brand:** New pages must fit the "Warm + Minimal + Artisanal" vibe.
-2. **Enhance the Core:** Support the furniture shopping experience.
-3. **Naming Convention:** Use lowercase, descriptive filenames.
-
-### Ideas to Explore
-*Pick one, build it, then REMOVE it from this list.*
-
-- [ ] `materials.html` - Showcase of wood types and finishes
-- [ ] `custom.html` - Custom furniture ordering process
-- [ ] `gallery.html` - Customer homes featuring our furniture
-- [ ] `blog.html` - Design tips and furniture care articles
-
-## 7. Rules of Engagement
-1. Do not recreate pages in Section 4.
-2. Always update `next-prompt.md` before completing.
-3. Consume ideas from Section 6 when you use them.
-4. Keep the loop moving.

package/templates/.claude/skills/stitch-loop/examples/next-prompt.md

@@ -1,25 +0,0 @@
----
-page: contact
----
-A warm, inviting contact page for Oakwood Furniture Co.
-
-**DESIGN SYSTEM (REQUIRED):**
-- Platform: Web, Desktop-first
-- Theme: Light, minimal, photography-first
-- Background: Warm barely-there cream (#FCFAFA)
-- Surface: Crisp very light gray (#F5F5F5) for cards
-- Primary Accent: Deep muted teal-navy (#294056) for buttons and links
-- Text Primary: Charcoal near-black (#2C2C2C) for headlines
-- Text Secondary: Soft warm gray (#6B6B6B) for body copy
-- Font: Modern sans-serif (Manrope or similar), clean and approachable
-- Buttons: Subtly rounded corners (8px), comfortable padding
-- Cards: Gently rounded corners (12px), whisper-soft shadows on hover
-- Layout: Centered content, max-width container, generous whitespace
-- No harsh shadows, no aggressive colors - serene and trustworthy
-
-**Page Structure:**
-1. **Header:** Navigation with logo, Shop, Collections, About, Contact (active)
-2. **Hero Section:** Warm headline "Get in Touch" with a brief welcome message
-3. **Contact Form:** Name, email, message fields with the teal-navy submit button
-4. **Showroom Info:** Address, hours, and an embedded map or beautiful showroom photo
-5. **Footer:** Sustainability, Craftsmanship, Shipping links, and social icons

package/templates/.claude/skills/stitch-loop/resources/baton-schema.md

@@ -1,61 +0,0 @@
-# Baton File Schema
-
-The baton file (`next-prompt.md`) is the communication mechanism between loop iterations. It tells the next agent what to build.
-
-## Format
-
-```yaml
----
-page: <filename-without-extension>
----
-<prompt-content>
-```
-
-## Fields
-
-### Frontmatter (YAML)
-
-| Field | Type | Required | Description |
-|-------|------|----------|-------------|
-| `page` | string | Yes | Output filename (without `.html` extension) |
-
-### Body (Markdown)
-
-The body contains the full Stitch prompt, which must include:
-
-1. **One-line description** with vibe/atmosphere keywords
-2. **Design System block** (required) — copied from `DESIGN.md` Section 6
-3. **Page Structure** — numbered list of sections/components
-
-## Example
-
-```markdown
----
-page: achievements
----
-A competitive, gamified achievements page with terminal aesthetics.
-
-**DESIGN SYSTEM (REQUIRED):**
-- Platform: Web, Desktop-first
-- Theme: Dark, minimal, data-focused
-- Background: Deep charcoal/near-black (#0f1419)
-- Primary Accent: Teal/Cyan (#2dd4bf)
-- Text Primary: White (#ffffff)
-- Font: Clean sans-serif (Inter, SF Pro, or system default)
-- Layout: Centered content, max-width container
-
-**Page Structure:**
-1. Header with title "Achievements" and navigation
-2. Badge grid showing locked/unlocked states with icons
-3. Progress section with milestone bars
-4. Footer with links to other pages
-```
-
-## Validation Rules
-
-Before completing an iteration, validate your baton:
-
-- [ ] `page` frontmatter field exists and is a valid filename
-- [ ] Prompt includes the design system block
-- [ ] Prompt describes a page NOT already in `SITE.md` sitemap
-- [ ] Prompt includes specific page structure details

package/templates/.claude/skills/stitch-loop/resources/site-template.md

@@ -1,104 +0,0 @@
-# Site Template
-
-Use these templates when setting up a new project for the build loop.
-
-## SITE.md Template
-
-```markdown
-# Project Vision & Constitution
-
-> **AGENT INSTRUCTION:** Read this file before every iteration. It serves as the project's "Long-Term Memory."
-
-## 1. Core Identity
-* **Project Name:** [Your project name]
-* **Stitch Project ID:** [Your Stitch project ID]
-* **Mission:** [What the site achieves]
-* **Target Audience:** [Who uses this site]
-* **Voice:** [Tone and personality descriptors]
-
-## 2. Visual Language
-*Reference these descriptors when prompting Stitch.*
-
-* **The "Vibe" (Adjectives):**
-    * *Primary:* [Main aesthetic keyword]
-    * *Secondary:* [Supporting aesthetic]
-    * *Tertiary:* [Additional flavor]
-
-## 3. Architecture & File Structure
-* **Root:** `site/public/`
-* **Asset Flow:** Stitch generates to `queue/` → Validate → Move to `site/public/`
-* **Navigation Strategy:** [How nav works]
-
-## 4. Live Sitemap (Current State)
-*Update this when a new page is successfully merged.*
-
-* [x] `index.html` - [Description]
-* [ ] `about.html` - [Description]
-
-## 5. The Roadmap (Backlog)
-*Pick the next task from here if available.*
-
-### High Priority
-- [ ] [Task description]
-- [ ] [Task description]
-
-### Medium Priority
-- [ ] [Task description]
-
-## 6. Creative Freedom Guidelines
-*When the backlog is empty, follow these guidelines to innovate.*
-
-1. **Stay On-Brand:** New pages must fit the established vibe
-2. **Enhance the Core:** Support the site mission
-3. **Naming Convention:** Use lowercase, descriptive filenames
-
-### Ideas to Explore
-*Pick one, build it, then REMOVE it from this list.*
-
-- [ ] `stats.html` - [Description]
-- [ ] `settings.html` - [Description]
-
-## 7. Rules of Engagement
-1. Do not recreate pages in Section 4
-2. Always update `next-prompt.md` before completing
-3. Consume ideas from Section 6 when you use them
-```
-
-## DESIGN.md Template
-
-Generate this using the `design-md` skill from an existing Stitch screen, or create manually:
-
-```markdown
-# Design System: [Project Name]
-**Project ID:** [Stitch Project ID]
-
-## 1. Visual Theme & Atmosphere
-[Describe mood, density, aesthetic philosophy]
-
-## 2. Color Palette & Roles
-- **[Descriptive Name]** (#hexcode) – [Functional role]
-- **[Descriptive Name]** (#hexcode) – [Functional role]
-
-## 3. Typography Rules
-[Font family, weights, sizes, spacing]
-
-## 4. Component Stylings
-* **Buttons:** [Shape, color, behavior]
-* **Cards:** [Corners, background, shadows]
-* **Inputs:** [Stroke, background, focus states]
-
-## 5. Layout Principles
-[Whitespace strategy, margins, grid alignment]
-
-## 6. Design System Notes for Stitch Generation
-**Copy this block into every baton prompt:**
-
-**DESIGN SYSTEM (REQUIRED):**
-- Platform: [Web/Mobile], [Desktop/Mobile]-first
-- Theme: [Dark/Light], [descriptors]
-- Background: [Description] (#hex)
-- Primary Accent: [Description] (#hex)
-- Text Primary: [Description] (#hex)
-- Font: [Description]
-- Layout: [Description]
-```

package/templates/.claude/skills/stitch-react/README.md

@@ -1,36 +0,0 @@
-# Stitch to React Components Skill
-
-## Install
-
-```bash
-npx add-skill google-labs-code/stitch-skills --skill react:components --global
-```
-
-## Example Prompt
-
-```text
-Convert my Landing Page screen in my Podcast Stitch Project to a React component system.
-```
-
-## Skill Structure
-
-This repository follows the **Agent Skills** open standard. Each skill is self-contained with its own logic, validation scripts, and design tokens.
-
-```text
-skills/react-components/
-├── SKILL.md           — Core instructions & workflow
-├── package.json       — Validator dependencies
-├── scripts/           — Networking & AST validation
-├── resources/         — Style guides & API references
-└── examples/          — Gold-standard code samples
-```
-
-## How it Works
-
-When activated, the agent follows a high-fidelity engineering pipeline:
-
-1. **Retrieval**: Uses a system-level `curl` script to bypass TLS/SNI issues on Google Cloud Storage.
-2. **Mapping**: Cross-references Stitch metadata with the local `style-guide.json` to ensure token consistency.
-3. **Generation**: Scaffolds components using a strict Atomic Design pattern.
-4. **Validation**: Runs an automated AST check using `@swc/core` to prevent hardcoded hex values or missing interfaces.
-5. **Audit**: Performs a final self-correction check against a 20-point architecture checklist.