[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M71HTJ61BAGV7J7MCAMV19J2":3,"skill-same:01M71HTJ61BAGV7J7MCAMV19J2":127},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":16,"categories":17,"keywords":34,"publishedAt":54,"linkOnly":55,"markdownContent":56,"markdownBody":57,"frontMatter":58,"refName":67,"commitSha":68,"skillDirectory":69,"forksCount":14,"repositoryHtmlUrl":70,"repositoryHomepageUrl":6,"ownerHtmlUrl":71,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":72,"install":73,"resources":86},"01M71HTJ61BAGV7J7MCAMV19J2","ck:stitch",null,"AI design generation with Google Stitch. Generate UI designs from text prompts, export Tailwind\u002FHTML\u002FDESIGN.md, orchestrate design-to-code pipeline. Use for rapid prototyping, UI generation, design exploration.","datnguyense1104\u002Fhom-nay-an-gi","datnguyense1104","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F124538996?v=4","01M71HMY98E9Y6DA31107PHNRE","Dat","01M71HMYADS82R3VSPJSDW68TX",0,"MIT","https:\u002F\u002Fgithub.com\u002Fdatnguyense1104\u002Fhom-nay-an-gi\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fstitch\u002FSKILL.md",[18,23,26,31],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000015","视觉设计","SCENARIO","使用场景",{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000023","Skill与智能体开发",{"categoryNo":27,"categoryName":28,"taxonomyType":29,"taxonomyTypeDesc":30},"01JBSEEDCAT000000000000030","开发工程师","PROFESSION","适用职业",{"categoryNo":32,"categoryName":33,"taxonomyType":29,"taxonomyTypeDesc":30},"01JBSEEDCAT000000000000032","设计师",[5,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53],"ck","stitch","google stitch","export","action","google","edit","write","read","generate","text","code","Bash","design","prototyping","pipeline","Tailwind","exploration","orchestrate","2026-11-10 10:12:30",false,"---\nname: ck:stitch\ndescription: \"AI design generation with Google Stitch. Generate UI designs from text prompts, export Tailwind\u002FHTML\u002FDESIGN.md, orchestrate design-to-code pipeline. Use for rapid prototyping, UI generation, design exploration.\"\nlicense: MIT\nallowed-tools:\n  - Bash\n  - Read\n  - Write\n  - Edit\nargument-hint: \"[design prompt or action]\"\nmetadata:\n  author: claudekit\n  version: \"1.0.0\"\n---\n\n# Google Stitch — AI Design Generation\n\nGenerate high-fidelity UI designs from text prompts via Google Stitch. Export Tailwind\u002FHTML, orchestrate design-to-code pipelines with existing UI skills.\n\n**Free tier:** 400 credits\u002Fday + 15 redesign credits\u002Fday. Resets at midnight UTC.\n\n## Setup\n\n### 1. API Key\n\nGet an API key at https:\u002F\u002Fstitch.withgoogle.com → Settings → API Keys.\n\nAdd `STITCH_API_KEY=sk_...` to `~\u002F.claude\u002F.env` (or `~\u002F.claude\u002Fskills\u002F.env`).\n\nRunning `install.sh` auto-adds the placeholder if missing — just fill in the value.\n\n### 2. Install SDK\n\n```bash\ncd ~\u002F.claude\u002Fskills\u002Fstitch\u002Fscripts && npm install\n```\n\nOr run `~\u002F.claude\u002Fskills\u002Finstall.sh` which handles this automatically.\n\n### 3. Optional\n\n```bash\n# In ~\u002F.claude\u002F.env\nSTITCH_PROJECT_ID=\"my-project\"    # Default project (auto-creates \"claudekit-default\" if unset)\nSTITCH_QUOTA_LIMIT=\"200\"          # Override daily limit\n```\n\n### 4. MCP Server (optional)\n\nAdd to `~\u002F.claude\u002F.mcp.json` for native design context in Claude Code:\n\n```json\n{\n  \"mcpServers\": {\n    \"stitch\": {\n      \"command\": \"npx\",\n      \"args\": [\"@_davideast\u002Fstitch-mcp\", \"proxy\"],\n      \"env\": { \"STITCH_API_KEY\": \"${STITCH_API_KEY}\" }\n    }\n  }\n}\n```\n\nSee `references\u002Fstitch-mcp-setup.md` for alternative options (gcloud, auto-installer).\n\n## Quick Start\n\n```bash\n# Check quota\nnpx tsx scripts\u002Fstitch-quota.ts check\n\n# Generate design\nnpx tsx scripts\u002Fstitch-generate.ts \"A checkout page with payment form and cart summary\"\n\n# Export as HTML + DESIGN.md\nnpx tsx scripts\u002Fstitch-export.ts \u003Cscreen-id> --format all --output .\u002Fstitch-exports\u002F\n```\n\n## Actions\n\n### generate\n\nGenerate UI design from text prompt.\n\n```bash\nnpx tsx scripts\u002Fstitch-generate.ts \"\u003Cprompt>\" [--project \u003Cid>] [--device MOBILE|DESKTOP|TABLET] [--variants \u003Ccount>]\n```\n\nReturns: screen ID, preview image URL. With `--variants`: additional design alternatives.\n\n### export\n\nExport generated design as HTML\u002FTailwind, screenshot, or DESIGN.md.\n\n```bash\nnpx tsx scripts\u002Fstitch-export.ts \u003Cscreen-id> [--format html|image|all] [--output \u003Cdir>]\n```\n\nOutputs:\n- `design.html` — Semantic HTML with Tailwind CSS classes\n- `design.png` — Screenshot of the design\n- `DESIGN.md` — Agent-readable design spec (colors, typography, spacing, components)\n\n### quota\n\nCheck and manage daily quota.\n\n```bash\nnpx tsx scripts\u002Fstitch-quota.ts check       # Show remaining credits\nnpx tsx scripts\u002Fstitch-quota.ts increment   # Bump after generation\nnpx tsx scripts\u002Fstitch-quota.ts reset       # Force reset (auto-resets daily)\n```\n\n### edit\n\nRefine an existing design.\n\n```typescript\nconst editedScreen = await screen.edit(\"Make the header darker and add a search bar\");\n```\n\n## Orchestration Pipeline\n\n### Design-to-Code Flow\n\n1. **Check quota** — Run `stitch-quota.ts check`. If exhausted, suggest `ck:ui-ux-pro-max` fallback.\n2. **Generate** — Run `stitch-generate.ts` with user's design prompt\n3. **Review** — Show generated design image to user for feedback\n4. **Variants** (optional) — Generate alternatives if user wants exploration\n5. **Export** — Run `stitch-export.ts --format all` to get HTML + DESIGN.md\n6. **Implement** — Hand off exported artifacts to implementation skill:\n   - `ck:frontend-design` — React\u002FVue\u002FSvelte components from Tailwind export\n   - `ck:ui-ux-pro-max` — Full page layouts with style guide integration\n   - `ck:ui-styling` — Design token extraction from DESIGN.md\n7. **Track quota** — Run `stitch-quota.ts increment`\n\n### Handoff Protocol\n\n- Export creates `DESIGN.md` in project root or plan directory\n- Implementation skills detect `DESIGN.md` and use it as design spec\n- DESIGN.md takes precedence over text descriptions when present\n- If no DESIGN.md exists, skills fall back to normal text-based design flow\n\nSee `references\u002Fdesign-to-code-pipeline.md` for detailed patterns and examples.\n\n## Quota Management\n\n- 400 credits\u002Fday + 15 redesign\u002Fday, resets at midnight UTC\n- Local tracking via `~\u002F.claudekit\u002F.stitch-quota.json`\n- Warns when remaining credits \u003C 20%\n- **Fallback:** When exhausted, use `ck:ui-ux-pro-max` for text-based design generation\n\nSee `references\u002Fquota-management.md` for strategies.\n\n## Limitations\n\n- **No React export** — HTML\u002FTailwind only; Claude converts to React\u002FVue components\n- **Non-responsive layouts** — Must add breakpoints manually during implementation\n- **No animations** — Static designs only; add micro-interactions in code\n- **Single-user** — No multiplayer\u002Fcollaboration features\n- **Hard daily quota** — No paid tier to increase limits\n- **Generic output risk** — Combine with style guides for differentiation\n\n## References\n\n| Topic | File |\n|-------|------|\n| SDK API | `references\u002Fstitch-sdk-api.md` |\n| MCP Setup | `references\u002Fstitch-mcp-setup.md` |\n| Pipeline Patterns | `references\u002Fdesign-to-code-pipeline.md` |\n| Quota Strategy | `references\u002Fquota-management.md` |\n","# Google Stitch — AI Design Generation\n\nGenerate high-fidelity UI designs from text prompts via Google Stitch. Export Tailwind\u002FHTML, orchestrate design-to-code pipelines with existing UI skills.\n\n**Free tier:** 400 credits\u002Fday + 15 redesign credits\u002Fday. Resets at midnight UTC.\n\n## Setup\n\n### 1. API Key\n\nGet an API key at https:\u002F\u002Fstitch.withgoogle.com → Settings → API Keys.\n\nAdd `STITCH_API_KEY=sk_...` to `~\u002F.claude\u002F.env` (or `~\u002F.claude\u002Fskills\u002F.env`).\n\nRunning `install.sh` auto-adds the placeholder if missing — just fill in the value.\n\n### 2. Install SDK\n\n```bash\ncd ~\u002F.claude\u002Fskills\u002Fstitch\u002Fscripts && npm install\n```\n\nOr run `~\u002F.claude\u002Fskills\u002Finstall.sh` which handles this automatically.\n\n### 3. Optional\n\n```bash\n# In ~\u002F.claude\u002F.env\nSTITCH_PROJECT_ID=\"my-project\"    # Default project (auto-creates \"claudekit-default\" if unset)\nSTITCH_QUOTA_LIMIT=\"200\"          # Override daily limit\n```\n\n### 4. MCP Server (optional)\n\nAdd to `~\u002F.claude\u002F.mcp.json` for native design context in Claude Code:\n\n```json\n{\n  \"mcpServers\": {\n    \"stitch\": {\n      \"command\": \"npx\",\n      \"args\": [\"@_davideast\u002Fstitch-mcp\", \"proxy\"],\n      \"env\": { \"STITCH_API_KEY\": \"${STITCH_API_KEY}\" }\n    }\n  }\n}\n```\n\nSee `references\u002Fstitch-mcp-setup.md` for alternative options (gcloud, auto-installer).\n\n## Quick Start\n\n```bash\n# Check quota\nnpx tsx scripts\u002Fstitch-quota.ts check\n\n# Generate design\nnpx tsx scripts\u002Fstitch-generate.ts \"A checkout page with payment form and cart summary\"\n\n# Export as HTML + DESIGN.md\nnpx tsx scripts\u002Fstitch-export.ts \u003Cscreen-id> --format all --output .\u002Fstitch-exports\u002F\n```\n\n## Actions\n\n### generate\n\nGenerate UI design from text prompt.\n\n```bash\nnpx tsx scripts\u002Fstitch-generate.ts \"\u003Cprompt>\" [--project \u003Cid>] [--device MOBILE|DESKTOP|TABLET] [--variants \u003Ccount>]\n```\n\nReturns: screen ID, preview image URL. With `--variants`: additional design alternatives.\n\n### export\n\nExport generated design as HTML\u002FTailwind, screenshot, or DESIGN.md.\n\n```bash\nnpx tsx scripts\u002Fstitch-export.ts \u003Cscreen-id> [--format html|image|all] [--output \u003Cdir>]\n```\n\nOutputs:\n- `design.html` — Semantic HTML with Tailwind CSS classes\n- `design.png` — Screenshot of the design\n- `DESIGN.md` — Agent-readable design spec (colors, typography, spacing, components)\n\n### quota\n\nCheck and manage daily quota.\n\n```bash\nnpx tsx scripts\u002Fstitch-quota.ts check       # Show remaining credits\nnpx tsx scripts\u002Fstitch-quota.ts increment   # Bump after generation\nnpx tsx scripts\u002Fstitch-quota.ts reset       # Force reset (auto-resets daily)\n```\n\n### edit\n\nRefine an existing design.\n\n```typescript\nconst editedScreen = await screen.edit(\"Make the header darker and add a search bar\");\n```\n\n## Orchestration Pipeline\n\n### Design-to-Code Flow\n\n1. **Check quota** — Run `stitch-quota.ts check`. If exhausted, suggest `ck:ui-ux-pro-max` fallback.\n2. **Generate** — Run `stitch-generate.ts` with user's design prompt\n3. **Review** — Show generated design image to user for feedback\n4. **Variants** (optional) — Generate alternatives if user wants exploration\n5. **Export** — Run `stitch-export.ts --format all` to get HTML + DESIGN.md\n6. **Implement** — Hand off exported artifacts to implementation skill:\n   - `ck:frontend-design` — React\u002FVue\u002FSvelte components from Tailwind export\n   - `ck:ui-ux-pro-max` — Full page layouts with style guide integration\n   - `ck:ui-styling` — Design token extraction from DESIGN.md\n7. **Track quota** — Run `stitch-quota.ts increment`\n\n### Handoff Protocol\n\n- Export creates `DESIGN.md` in project root or plan directory\n- Implementation skills detect `DESIGN.md` and use it as design spec\n- DESIGN.md takes precedence over text descriptions when present\n- If no DESIGN.md exists, skills fall back to normal text-based design flow\n\nSee `references\u002Fdesign-to-code-pipeline.md` for detailed patterns and examples.\n\n## Quota Management\n\n- 400 credits\u002Fday + 15 redesign\u002Fday, resets at midnight UTC\n- Local tracking via `~\u002F.claudekit\u002F.stitch-quota.json`\n- Warns when remaining credits \u003C 20%\n- **Fallback:** When exhausted, use `ck:ui-ux-pro-max` for text-based design generation\n\nSee `references\u002Fquota-management.md` for strategies.\n\n## Limitations\n\n- **No React export** — HTML\u002FTailwind only; Claude converts to React\u002FVue components\n- **Non-responsive layouts** — Must add breakpoints manually during implementation\n- **No animations** — Static designs only; add micro-interactions in code\n- **Single-user** — No multiplayer\u002Fcollaboration features\n- **Hard daily quota** — No paid tier to increase limits\n- **Generic output risk** — Combine with style guides for differentiation\n\n## References\n\n| Topic | File |\n|-------|------|\n| SDK API | `references\u002Fstitch-sdk-api.md` |\n| MCP Setup | `references\u002Fstitch-mcp-setup.md` |\n| Pipeline Patterns | `references\u002Fdesign-to-code-pipeline.md` |\n| Quota Strategy | `references\u002Fquota-management.md` |\n",{"name":5,"license":15,"metadata":59,"description":7,"allowed-tools":62,"argument-hint":66},{"author":60,"version":61},"claudekit","1.0.0",[47,63,64,65],"Read","Write","Edit","[design prompt or action]","main","b6e032cdf3f5b40e5203dd2ac38ecf4e6c265961",".claude\u002Fskills\u002Fstitch","https:\u002F\u002Fgithub.com\u002Fdatnguyense1104\u002Fhom-nay-an-gi","https:\u002F\u002Fgithub.com\u002Fdatnguyense1104","2026-05-13 15:56:14",{"source":8,"skillName":5,"commands":74,"prompt":84,"zipAvailable":85},[75,78,81],{"tool":76,"command":77},"npx","npx skills add datnguyense1104\u002Fhom-nay-an-gi --skill \"ck:stitch\"",{"tool":79,"command":80},"bunx","bunx skills add datnguyense1104\u002Fhom-nay-an-gi --skill \"ck:stitch\"",{"tool":82,"command":83},"pnpm","pnpm dlx skills add datnguyense1104\u002Fhom-nay-an-gi --skill \"ck:stitch\"","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fdatnguyense1104\u002Fhom-nay-an-gi\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fstitch\u002FSKILL.md",true,[87,93,97,101,105,109,115,119,123],{"path":88,"resourceType":89,"resourceTypeDesc":90,"sizeBytes":91,"sourceHtmlUrl":92},"data\u002Fmcp-config-snippet.json","REFERENCE","参考文档",192,"https:\u002F\u002Fgithub.com\u002Fdatnguyense1104\u002Fhom-nay-an-gi\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fstitch\u002Fdata\u002Fmcp-config-snippet.json",{"path":94,"resourceType":89,"resourceTypeDesc":90,"sizeBytes":95,"sourceHtmlUrl":96},"references\u002Fdesign-to-code-pipeline.md",3497,"https:\u002F\u002Fgithub.com\u002Fdatnguyense1104\u002Fhom-nay-an-gi\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fstitch\u002Freferences\u002Fdesign-to-code-pipeline.md",{"path":98,"resourceType":89,"resourceTypeDesc":90,"sizeBytes":99,"sourceHtmlUrl":100},"references\u002Fquota-management.md",2179,"https:\u002F\u002Fgithub.com\u002Fdatnguyense1104\u002Fhom-nay-an-gi\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fstitch\u002Freferences\u002Fquota-management.md",{"path":102,"resourceType":89,"resourceTypeDesc":90,"sizeBytes":103,"sourceHtmlUrl":104},"references\u002Fstitch-mcp-setup.md",2196,"https:\u002F\u002Fgithub.com\u002Fdatnguyense1104\u002Fhom-nay-an-gi\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fstitch\u002Freferences\u002Fstitch-mcp-setup.md",{"path":106,"resourceType":89,"resourceTypeDesc":90,"sizeBytes":107,"sourceHtmlUrl":108},"references\u002Fstitch-sdk-api.md",3934,"https:\u002F\u002Fgithub.com\u002Fdatnguyense1104\u002Fhom-nay-an-gi\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fstitch\u002Freferences\u002Fstitch-sdk-api.md",{"path":110,"resourceType":111,"resourceTypeDesc":112,"sizeBytes":113,"sourceHtmlUrl":114},"scripts\u002Fpackage.json","SCRIPT","脚本",387,"https:\u002F\u002Fgithub.com\u002Fdatnguyense1104\u002Fhom-nay-an-gi\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fstitch\u002Fscripts\u002Fpackage.json",{"path":116,"resourceType":111,"resourceTypeDesc":112,"sizeBytes":117,"sourceHtmlUrl":118},"scripts\u002Fstitch-export.ts",6153,"https:\u002F\u002Fgithub.com\u002Fdatnguyense1104\u002Fhom-nay-an-gi\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fstitch\u002Fscripts\u002Fstitch-export.ts",{"path":120,"resourceType":111,"resourceTypeDesc":112,"sizeBytes":121,"sourceHtmlUrl":122},"scripts\u002Fstitch-generate.ts",6471,"https:\u002F\u002Fgithub.com\u002Fdatnguyense1104\u002Fhom-nay-an-gi\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fstitch\u002Fscripts\u002Fstitch-generate.ts",{"path":124,"resourceType":111,"resourceTypeDesc":112,"sizeBytes":125,"sourceHtmlUrl":126},"scripts\u002Fstitch-quota.ts",3409,"https:\u002F\u002Fgithub.com\u002Fdatnguyense1104\u002Fhom-nay-an-gi\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fstitch\u002Fscripts\u002Fstitch-quota.ts",[128,158,183,209,236,245],{"skillNo":129,"name":130,"nameZh":6,"description":131,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":132,"licenseFileUrl":6,"sourceHtmlUrl":133,"categories":134,"keywords":138,"publishedAt":54},"01M71J2265Q3MAW1K2VJ7ZPQ4R","ck:web-testing","Web testing with Playwright, Vitest, k6. E2E\u002Funit\u002Fintegration\u002Fload\u002Fsecurity\u002Fvisual\u002Fa11y testing. Use for test automation, flakiness, Core Web Vitals, mobile gestures, cross-browser.","Apache-2.0","https:\u002F\u002Fgithub.com\u002Fdatnguyense1104\u002Fhom-nay-an-gi\u002Fblob\u002Fmain\u002F.opencode\u002Fskills\u002Fweb-testing\u002FSKILL.md",[135],{"categoryNo":136,"categoryName":137,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000008","测试与质量",[139,140,141,142,35,143,144,145,146,147,148,149,150,151,152,153,154,155,156,157],"testing","ck:web testing","web","web testing","unit","vitals","browser","a11y","mobile","security","k6","target","gestures","vitest","core","for","e2e","cross-browser","use",{"skillNo":159,"name":160,"nameZh":6,"description":161,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":162,"categories":163,"keywords":164,"publishedAt":54},"01M71J1YDT008XR78BXVP0P8AJ","ck:web-frameworks","Build with Next.js (App Router, RSC, SSR, ISR), Turborepo monorepos. Use for React apps, server rendering, build optimization, caching strategies, shared dependencies.","https:\u002F\u002Fgithub.com\u002Fdatnguyense1104\u002Fhom-nay-an-gi\u002Fblob\u002Fmain\u002F.opencode\u002Fskills\u002Fweb-frameworks\u002FSKILL.md",[],[165,166,167,141,35,168,169,170,171,172,173,174,175,176,177,178,179,180,181,182],"ck:web frameworks","frameworks","web frameworks","shared","app","apps","caching","react","router","strategies","server","rsc","next","ssr","rendering","turborepo","framework","feature",{"skillNo":184,"name":185,"nameZh":6,"description":186,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":187,"sourceHtmlUrl":188,"categories":189,"keywords":192,"publishedAt":54},"01M71J1DWTE1QMZHACDGDGE0GC","ck:ui-styling","Style UIs with shadcn\u002Fui components (Radix UI + Tailwind CSS). Use for accessible components, themes, dark mode, responsive layouts, design systems, color customization.","https:\u002F\u002Fgithub.com\u002Fdatnguyense1104\u002Fhom-nay-an-gi\u002Fblob\u002Fmain\u002F.opencode\u002Fskills\u002Fui-styling\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002Fdatnguyense1104\u002Fhom-nay-an-gi\u002Fblob\u002Fmain\u002F.opencode\u002Fskills\u002Fui-styling\u002FSKILL.md",[190,191],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":32,"categoryName":33,"taxonomyType":29,"taxonomyTypeDesc":30},[193,194,195,196,35,197,51,198,48,199,200,201,202,203,204,205,206,207,154,208],"ui styling","ck:ui styling","styling","ui","css","mode","themes","design systems","components","component","layout","responsive","shadcn","color","dark","ui components",{"skillNo":210,"name":211,"nameZh":6,"description":212,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":213,"categories":214,"keywords":218,"publishedAt":54},"01M71J1AAZNC9P7PJX93D5K1CR","ck:threejs","Build 3D web apps with Three.js (WebGL\u002FWebGPU). 556 searchable examples, 60 API classes, 20 use cases. Actions: create 3D scene, load model, add animation, implement physics, build VR\u002FXR. Topics: GLTF loader, PBR materials, particle effects, shadows, post-processing, compute shaders, TSL. Integrations: WebGPU, physics engines, spatial audio.","https:\u002F\u002Fgithub.com\u002Fdatnguyense1104\u002Fhom-nay-an-gi\u002Fblob\u002Fmain\u002F.opencode\u002Fskills\u002Fthreejs\u002FSKILL.md",[215],{"categoryNo":216,"categoryName":217,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000010","后端与接口",[211,35,219,220,221,222,223,224,225,226,227,228,170,229,230,231,232,233,234,235],"threejs","Animation","3D","processing","Audio","physics","model","actions","webgpu","effects","api","create","shaders","post-processing","vr","add","integrations",{"skillNo":237,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":238,"categories":239,"keywords":244,"publishedAt":54},"01M71J0X8QYTTPZE6G1VNHXS28","https:\u002F\u002Fgithub.com\u002Fdatnguyense1104\u002Fhom-nay-an-gi\u002Fblob\u002Fmain\u002F.opencode\u002Fskills\u002Fstitch\u002FSKILL.md",[240,241,242,243],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":27,"categoryName":28,"taxonomyType":29,"taxonomyTypeDesc":30},{"categoryNo":32,"categoryName":33,"taxonomyType":29,"taxonomyTypeDesc":30},[36,5,35,53,52,51,50,49,48,47,46,45,44,43,42,41,40,39,38,37],{"skillNo":246,"name":247,"nameZh":6,"description":248,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":132,"licenseFileUrl":249,"sourceHtmlUrl":250,"categories":251,"keywords":254,"publishedAt":54},"01M71J0SEMVWWJ8QKSSW8435F9","ck:skill-creator","Create or update Claude skills with eval-driven iteration. Use for new skills, skill scripts, references, benchmark optimization, description optimization, eval testing, extending Claude's capabilities.","https:\u002F\u002Fgithub.com\u002Fdatnguyense1104\u002Fhom-nay-an-gi\u002Fblob\u002Fmain\u002F.opencode\u002Fskills\u002Fskill-creator\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002Fdatnguyense1104\u002Fhom-nay-an-gi\u002Fblob\u002Fmain\u002F.opencode\u002Fskills\u002Fskill-creator\u002FSKILL.md",[252,253],{"categoryNo":136,"categoryName":137,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},[255,256,35,257,154,258,259,139,260,261,157,262,263,264,230,265,266,267,268,269],"skill creator","ck:skill creator","creator","iteration","Optimization","eval","new","extending","capabilities","with","references","name","update","scripts","benchmark"]