[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6C2GHCSXJ733SS9RRYDHW9W":3,"skill-same:01M6C2GHCSXJ733SS9RRYDHW9W":61},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":15,"categories":16,"keywords":22,"publishedAt":35,"linkOnly":36,"markdownContent":37,"markdownBody":38,"frontMatter":39,"refName":40,"commitSha":41,"skillDirectory":42,"forksCount":43,"repositoryHtmlUrl":44,"repositoryHomepageUrl":6,"ownerHtmlUrl":45,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":46,"install":47,"resources":60},"01M6C2GHCSXJ733SS9RRYDHW9W","vibe-code-2d-game",null,"Ship 2D games fast using LLM assistance — rapid prototyping, iterate fast, don't perfect","jleechanorg\u002Fjleechan-skills","jleechanorg","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F221404966?v=4","01M6C1VJ99XG950X1DWPEBCBGX","01M6C1VJDK5YVDNT3362RT5WSB",6,"MIT","https:\u002F\u002Fgithub.com\u002Fjleechanorg\u002Fjleechan-skills\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fvibe-code-2d-game\u002FSKILL.md",[17],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000030","开发工程师","PROFESSION","适用职业",[23,24,25,26,27,28,29,30,31,32,33,34],"code","game","vibe code 2d game","vibe","2d","fast","2d games","ship","prototyping","games","iterate","RAPID","2026-11-10 10:12:30",false,"---\nname: vibe-code-2d-game\ndescription: Ship 2D games fast using LLM assistance — rapid prototyping, iterate fast, don't perfect\n---\n\n# Vibe Code 2D Game Development\n\nShip 2D games fast using LLM assistance. \"Vibe coding\" = rapid prototyping, iterate fast, don't perfect.\n\n## Core Philosophy\n- **Ship in days, not months** - 2-week timeline works (proven by capybara game dev)\n- **Character + mechanics > graphics** - gameplay > pixel-perfect art\n- **LLM assists, human steers** - use AI for code\u002Fsprites, human decides direction\n- **Iterate based on play** - get something playable, test, improve\n\n## 2D Game Stack (Proven)\n- **HTML5 Canvas** - simplest, runs anywhere\n- **Vanilla JS** - no framework overhead\n- **Pixel art sprites** - LPC (medieval), ComfyUI SDXL (generated), Cordon CC0 (sci-fi)\n- **Tile maps** - JSON from LLM, render to canvas\n\n## Sprite Pipeline (Ranked)\n| Source | Quality | Speed | Cost |\n|--------|---------|-------|------|\n| ComfyUI SDXL (local) | ✅ Best | Fast | GPU only |\n| Pollinations.ai | Good | ~2s | Free |\n| LPC pixel art | Real pixel | Instant | CC0 |\n| Grok API | OK | Fast | API key |\n\n## Animation Approach\n- **8-frame walk cycles** - sine-wave bob + leg alternation\n- **State machine** - idle, walk, run, attack\n- **Canvas compositing** - layer sprites (body parts)\n\n## Rapid Development Pattern\n```\n1. Generate sprites (ComfyUI\u002FPollinations) → \u002Ftmp\u002Fsprites\u002F\n2. Create canvas game shell (player, movement, collision)\n3. Add LLM level generation (tilemap JSON → render)\n4. Integrate sprites with animation\n5. Play → iterate\n```\n\n## Key Learnings from Capybara Dev\n- Someone shipped full game in 2 weeks with Claude Code\n- \"Vibe coding\" = trust the LLM, iterate fast\n- Game had: character (capybara) + mechanics (delivery) + environment (city)\n- The tools work - barrier is low\n\n## Command Reference\n```bash\n# Start local dev server\npython3 -m http.server 8765\n\n# ComfyUI generation\ncd \"${COMFYUI_HOME:?COMFYUI_HOME not configured: your ComfyUI install. Example: export COMFYUI_HOME=$HOME\u002FComfyUI}\" &&\n  .\u002Fvenv\u002Fbin\u002Fpython main.py --force-fp16 --cuda-device 0\n\n# Pollinations sprite\ncurl -o \u002Ftmp\u002Fsprite.png \"https:\u002F\u002Fimage.pollinations.ai\u002Fprompt\u002F[prompt]?width=256&height=256\"\n```\n\n## Sprite Locations (example project layout)\n- LPC: `\u003Cproject>\u002Fassets\u002Fsprites\u002Flpc\u002F`\n- Cordon: `\u003Cproject>\u002Fassets\u002Fsprites\u002Fcordon\u002F`\n- Generated: `\u002Ftmp\u002Fsprites_batch\u002F`, `assets\u002Fgenerated\u002F`\n- Demos: `lpc_character_demo.html`, `game_demo.html`, `cordon_level_demo.html`","# Vibe Code 2D Game Development\n\nShip 2D games fast using LLM assistance. \"Vibe coding\" = rapid prototyping, iterate fast, don't perfect.\n\n## Core Philosophy\n- **Ship in days, not months** - 2-week timeline works (proven by capybara game dev)\n- **Character + mechanics > graphics** - gameplay > pixel-perfect art\n- **LLM assists, human steers** - use AI for code\u002Fsprites, human decides direction\n- **Iterate based on play** - get something playable, test, improve\n\n## 2D Game Stack (Proven)\n- **HTML5 Canvas** - simplest, runs anywhere\n- **Vanilla JS** - no framework overhead\n- **Pixel art sprites** - LPC (medieval), ComfyUI SDXL (generated), Cordon CC0 (sci-fi)\n- **Tile maps** - JSON from LLM, render to canvas\n\n## Sprite Pipeline (Ranked)\n| Source | Quality | Speed | Cost |\n|--------|---------|-------|------|\n| ComfyUI SDXL (local) | ✅ Best | Fast | GPU only |\n| Pollinations.ai | Good | ~2s | Free |\n| LPC pixel art | Real pixel | Instant | CC0 |\n| Grok API | OK | Fast | API key |\n\n## Animation Approach\n- **8-frame walk cycles** - sine-wave bob + leg alternation\n- **State machine** - idle, walk, run, attack\n- **Canvas compositing** - layer sprites (body parts)\n\n## Rapid Development Pattern\n```\n1. Generate sprites (ComfyUI\u002FPollinations) → \u002Ftmp\u002Fsprites\u002F\n2. Create canvas game shell (player, movement, collision)\n3. Add LLM level generation (tilemap JSON → render)\n4. Integrate sprites with animation\n5. Play → iterate\n```\n\n## Key Learnings from Capybara Dev\n- Someone shipped full game in 2 weeks with Claude Code\n- \"Vibe coding\" = trust the LLM, iterate fast\n- Game had: character (capybara) + mechanics (delivery) + environment (city)\n- The tools work - barrier is low\n\n## Command Reference\n```bash\n# Start local dev server\npython3 -m http.server 8765\n\n# ComfyUI generation\ncd \"${COMFYUI_HOME:?COMFYUI_HOME not configured: your ComfyUI install. Example: export COMFYUI_HOME=$HOME\u002FComfyUI}\" &&\n  .\u002Fvenv\u002Fbin\u002Fpython main.py --force-fp16 --cuda-device 0\n\n# Pollinations sprite\ncurl -o \u002Ftmp\u002Fsprite.png \"https:\u002F\u002Fimage.pollinations.ai\u002Fprompt\u002F[prompt]?width=256&height=256\"\n```\n\n## Sprite Locations (example project layout)\n- LPC: `\u003Cproject>\u002Fassets\u002Fsprites\u002Flpc\u002F`\n- Cordon: `\u003Cproject>\u002Fassets\u002Fsprites\u002Fcordon\u002F`\n- Generated: `\u002Ftmp\u002Fsprites_batch\u002F`, `assets\u002Fgenerated\u002F`\n- Demos: `lpc_character_demo.html`, `game_demo.html`, `cordon_level_demo.html`",{"name":5,"description":7},"main","8144f00ebafc4306264c63239e4b9fa42e48a90e",".claude\u002Fskills\u002Fvibe-code-2d-game",0,"https:\u002F\u002Fgithub.com\u002Fjleechanorg\u002Fjleechan-skills","https:\u002F\u002Fgithub.com\u002Fjleechanorg","2026-11-12 14:45:07",{"source":8,"skillName":5,"commands":48,"prompt":58,"zipAvailable":59},[49,52,55],{"tool":50,"command":51},"npx","npx skills add jleechanorg\u002Fjleechan-skills --skill vibe-code-2d-game",{"tool":53,"command":54},"bunx","bunx skills add jleechanorg\u002Fjleechan-skills --skill vibe-code-2d-game",{"tool":56,"command":57},"pnpm","pnpm dlx skills add jleechanorg\u002Fjleechan-skills --skill vibe-code-2d-game","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fjleechanorg\u002Fjleechan-skills\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fvibe-code-2d-game\u002FSKILL.md",true,[],[62,80,100,114,128,144],{"skillNo":63,"name":64,"nameZh":6,"description":65,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":66,"categories":67,"keywords":68,"publishedAt":35},"01M716Y5MTJ6GYJZ2ATXCJK8G4","instinct","Use when the user invokes \u002Finstinct or \u002Fin, or asks to \"message Instinct\", \"ask Instinct\", \"tell Instinct\", \"check Instinct\", or read replies from the configured peer assistant. iMessage first, WhatsApp Web as fallback.","https:\u002F\u002Fgithub.com\u002Fjleechanorg\u002Fjleechan-skills\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Finstinct\u002FSKILL.md",[],[64,69,70,71,72,73,74,75,76,77,78,79],"user","when","replies","check","use","identity","whatsapp","gmail","read","message","ask",{"skillNo":81,"name":82,"nameZh":6,"description":83,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":84,"categories":85,"keywords":89,"publishedAt":35},"01M716Y4HF7FVVMJSA2CCVN5VF","hr","Compatibility alias for history-resume; produce the same fresh-state, provenance-aware resume briefing.","https:\u002F\u002Fgithub.com\u002Fjleechanorg\u002Fjleechan-skills\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fhr\u002FSKILL.md",[86],{"categoryNo":87,"categoryName":88,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000038","人力资源",[82,90,91,92,93,94,95,96,97,98,99],"resume","compatibility","provenance","for","history","produce","alias","briefing","state","fresh",{"skillNo":101,"name":102,"nameZh":6,"description":103,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":104,"categories":105,"keywords":107,"publishedAt":35},"01M716Y1FFNFKFJYYKF8HQA6T8","history-resume","Resume briefing for the current repository branch or worktree using fresh state and admitted history sources.","https:\u002F\u002Fgithub.com\u002Fjleechanorg\u002Fjleechan-skills\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fhistory-resume\u002FSKILL.md",[106],{"categoryNo":87,"categoryName":88,"taxonomyType":20,"taxonomyTypeDesc":21},[94,90,108,109,69,110,97,111,93,112,113,98,99],"history resume","branch","analysis","repository","worktree","sources",{"skillNo":115,"name":116,"nameZh":6,"description":117,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":118,"categories":119,"keywords":120,"publishedAt":35},"01M716XWXJ8EPHK4RH9T14TR85","grok","Alias for the canonical grokbot browser conversation workflow; \u002Fgrok talks to the Grok bot the same way \u002Fdot talks to Dot.","https:\u002F\u002Fgithub.com\u002Fjleechanorg\u002Fjleechan-skills\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fgrok\u002FSKILL.md",[],[116,121,122,123,93,124,96,125,126,127],"dot","bot","workflow","canonical","conversation","browser","grokbot",{"skillNo":129,"name":130,"nameZh":6,"description":131,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":132,"categories":133,"keywords":134,"publishedAt":35},"01M70N9Q07DTE0EW5KFXMMMSJ0","codexa-bench","Compare `codexa` and normal `codex` on a fair split of comparable work by default; use `--strict` for duplicate runs of the exact same task.","https:\u002F\u002Fgithub.com\u002Fjleechanorg\u002Fjleechan-skills\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Fcodexa-bench\u002FSKILL.md",[],[135,136,137,73,138,93,139,140,141,142,143],"codexa bench","work","split","default","duplicate","task","compare","normal","codex",{"skillNo":145,"name":146,"nameZh":6,"description":147,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":148,"licenseFileUrl":149,"sourceHtmlUrl":150,"categories":151,"keywords":163,"publishedAt":35},"01M6C24S2X60SP8BBFGAEKPEGW","frontend-design","Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML\u002FCSS layouts, or when styling\u002Fbeautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.","Apache-2.0","https:\u002F\u002Fgithub.com\u002Fjleechanorg\u002Fjleechan-skills\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Ffrontend-design\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002Fjleechanorg\u002Fjleechan-skills\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Ffrontend-design\u002FSKILL.md",[152,157,160],{"categoryNo":153,"categoryName":154,"taxonomyType":155,"taxonomyTypeDesc":156},"01JBSEEDCAT000000000000009","前端开发","SCENARIO","使用场景",{"categoryNo":158,"categoryName":159,"taxonomyType":155,"taxonomyTypeDesc":156},"01JBSEEDCAT000000000000015","视觉设计",{"categoryNo":161,"categoryName":162,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000032","设计师",[164,165,166,73,167,168,169,69,170,171,23,172,173,174,175,176,177,178,179,180,181,182,183,184,185,186,70,187],"frontend","design","frontend design","generic","ui design","react","html","components","artifacts","ui","aesthetics","Production","web components","landing","applications","quality","web","css","create","examples","with","react components","web ui","pages"]