[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6EYN2ZN63XTKHB87SSQ8AMZ":3,"skill-same:01M6EYN2ZN63XTKHB87SSQ8AMZ":68},{"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":23,"publishedAt":39,"linkOnly":40,"markdownContent":41,"markdownBody":42,"frontMatter":43,"refName":45,"commitSha":46,"skillDirectory":47,"forksCount":48,"repositoryHtmlUrl":49,"repositoryHomepageUrl":50,"ownerHtmlUrl":51,"ownerBlogUrl":6,"ownerDescription":52,"updatedAt":53,"install":54,"resources":67},"01M6EYN2ZN63XTKHB87SSQ8AMZ","game-art",null,"Game art principles. Visual style selection, asset pipeline, animation workflow.","ComeOnOliver\u002Fskillshub","ComeOnOliver","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F43215937?v=4","01M6E5JNFECJAAVFE0W7SMWWD2","Haoran Shu","01M6E5JNNDQS7AJZDYFQ8TPZCK",66,"MIT","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Faiskillstore\u002Fmarketplace\u002Fsickn33\u002Fgame-art\u002FSKILL.md",[18],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000015","视觉设计","SCENARIO","使用场景",[24,25,26,27,28,29,30,31,32,33,34,35,36,37,38],"game art","game","Art","asset pipeline","workflow","pipeline","Animation","grep","read","selection","visual","style","visual style","asset","principles","2026-11-10 10:12:30",false,"---\nname: game-art\ndescription: Game art principles. Visual style selection, asset pipeline, animation workflow.\nallowed-tools: Read, Glob, Grep\n---\n\n# Game Art Principles\n\n> Visual design thinking for games - style selection, asset pipelines, and art direction.\n\n---\n\n## 1. Art Style Selection\n\n### Decision Tree\n\n```\nWhat feeling should the game evoke?\n│\n├── Nostalgic \u002F Retro\n│   ├── Limited palette? → Pixel Art\n│   └── Hand-drawn feel? → Vector \u002F Flash style\n│\n├── Realistic \u002F Immersive\n│   ├── High budget? → PBR 3D\n│   └── Stylized realism? → Hand-painted textures\n│\n├── Approachable \u002F Casual\n│   ├── Clean shapes? → Flat \u002F Minimalist\n│   └── Soft feel? → Gradient \u002F Soft shadows\n│\n└── Unique \u002F Experimental\n    └── Define custom style guide\n```\n\n### Style Comparison Matrix\n\n| Style | Production Speed | Skill Floor | Scalability | Best For |\n|-------|------------------|-------------|-------------|----------|\n| **Pixel Art** | Medium | Medium | Hard to hire | Indie, retro |\n| **Vector\u002FFlat** | Fast | Low | Easy | Mobile, casual |\n| **Hand-painted** | Slow | High | Medium | Fantasy, stylized |\n| **PBR 3D** | Slow | High | AAA pipeline | Realistic games |\n| **Low-poly** | Fast | Medium | Easy | Indie 3D |\n| **Cel-shaded** | Medium | Medium | Medium | Anime, cartoon |\n\n---\n\n## 2. Asset Pipeline Decisions\n\n### 2D Pipeline\n\n| Phase | Tool Options | Output |\n|-------|--------------|--------|\n| **Concept** | Paper, Procreate, Photoshop | Reference sheet |\n| **Creation** | Aseprite, Photoshop, Krita | Individual sprites |\n| **Atlas** | TexturePacker, Aseprite | Spritesheet |\n| **Animation** | Spine, DragonBones, Frame-by-frame | Animation data |\n| **Integration** | Engine import | Game-ready assets |\n\n### 3D Pipeline\n\n| Phase | Tool Options | Output |\n|-------|--------------|--------|\n| **Concept** | 2D art, Blockout | Reference |\n| **Modeling** | Blender, Maya, 3ds Max | High-poly mesh |\n| **Retopology** | Blender, ZBrush | Game-ready mesh |\n| **UV\u002FTexturing** | Substance Painter, Blender | Texture maps |\n| **Rigging** | Blender, Maya | Skeletal rig |\n| **Animation** | Blender, Maya, Mixamo | Animation clips |\n| **Export** | FBX, glTF | Engine-ready |\n\n---\n\n## 3. Color Theory Decisions\n\n### Palette Selection\n\n| Goal | Strategy | Example |\n|------|----------|---------|\n| **Harmony** | Complementary or analogous | Nature games |\n| **Contrast** | High saturation differences | Action games |\n| **Mood** | Warm\u002Fcool temperature | Horror, cozy |\n| **Readability** | Value contrast over hue | Gameplay clarity |\n\n### Color Principles\n\n- **Hierarchy:** Important elements should pop\n- **Consistency:** Same object = same color family\n- **Context:** Colors read differently on backgrounds\n- **Accessibility:** Don't rely only on color\n\n---\n\n## 4. Animation Principles\n\n### The 12 Principles (Applied to Games)\n\n| Principle | Game Application |\n|-----------|------------------|\n| **Squash & Stretch** | Jump arcs, impacts |\n| **Anticipation** | Wind-up before attack |\n| **Staging** | Clear silhouettes |\n| **Follow-through** | Hair, capes after movement |\n| **Slow in\u002Fout** | Easing on transitions |\n| **Arcs** | Natural movement paths |\n| **Secondary Action** | Breathing, blinking |\n| **Timing** | Frame count = weight\u002Fspeed |\n| **Exaggeration** | Readable from distance |\n| **Appeal** | Memorable design |\n\n### Frame Count Guidelines\n\n| Action Type | Typical Frames | Feel |\n|-------------|----------------|------|\n| Idle breathing | 4-8 | Subtle |\n| Walk cycle | 6-12 | Smooth |\n| Run cycle | 4-8 | Energetic |\n| Attack | 3-6 | Snappy |\n| Death | 8-16 | Dramatic |\n\n---\n\n## 5. Resolution & Scale Decisions\n\n### 2D Resolution by Platform\n\n| Platform | Base Resolution | Sprite Scale |\n|----------|-----------------|--------------|\n| Mobile | 1080p | 64-128px characters |\n| Desktop | 1080p-4K | 128-256px characters |\n| Pixel art | 320x180 to 640x360 | 16-32px characters |\n\n### Consistency Rule\n\nChoose a base unit and stick to it:\n- Pixel art: Work at 1x, scale up (never down)\n- HD art: Define DPI, maintain ratio\n- 3D: 1 unit = 1 meter (industry standard)\n\n---\n\n## 6. Asset Organization\n\n### Naming Convention\n\n```\n[type]_[object]_[variant]_[state].[ext]\n\nExamples:\nspr_player_idle_01.png\ntex_stone_wall_normal.png\nmesh_tree_oak_lod2.fbx\n```\n\n### Folder Structure Principle\n\n```\nassets\u002F\n├── characters\u002F\n│   ├── player\u002F\n│   └── enemies\u002F\n├── environment\u002F\n│   ├── props\u002F\n│   └── tiles\u002F\n├── ui\u002F\n├── effects\u002F\n└── audio\u002F\n```\n\n---\n\n## 7. Anti-Patterns\n\n| Don't | Do |\n|-------|-----|\n| Mix art styles randomly | Define and follow style guide |\n| Work at final resolution only | Create at source resolution |\n| Ignore silhouette readability | Test at gameplay distance |\n| Over-detail background | Focus detail on player area |\n| Skip color testing | Test on target display |\n\n---\n\n> **Remember:** Art serves gameplay. If it doesn't help the player, it's decoration.\n","# Game Art Principles\n\n> Visual design thinking for games - style selection, asset pipelines, and art direction.\n\n---\n\n## 1. Art Style Selection\n\n### Decision Tree\n\n```\nWhat feeling should the game evoke?\n│\n├── Nostalgic \u002F Retro\n│   ├── Limited palette? → Pixel Art\n│   └── Hand-drawn feel? → Vector \u002F Flash style\n│\n├── Realistic \u002F Immersive\n│   ├── High budget? → PBR 3D\n│   └── Stylized realism? → Hand-painted textures\n│\n├── Approachable \u002F Casual\n│   ├── Clean shapes? → Flat \u002F Minimalist\n│   └── Soft feel? → Gradient \u002F Soft shadows\n│\n└── Unique \u002F Experimental\n    └── Define custom style guide\n```\n\n### Style Comparison Matrix\n\n| Style | Production Speed | Skill Floor | Scalability | Best For |\n|-------|------------------|-------------|-------------|----------|\n| **Pixel Art** | Medium | Medium | Hard to hire | Indie, retro |\n| **Vector\u002FFlat** | Fast | Low | Easy | Mobile, casual |\n| **Hand-painted** | Slow | High | Medium | Fantasy, stylized |\n| **PBR 3D** | Slow | High | AAA pipeline | Realistic games |\n| **Low-poly** | Fast | Medium | Easy | Indie 3D |\n| **Cel-shaded** | Medium | Medium | Medium | Anime, cartoon |\n\n---\n\n## 2. Asset Pipeline Decisions\n\n### 2D Pipeline\n\n| Phase | Tool Options | Output |\n|-------|--------------|--------|\n| **Concept** | Paper, Procreate, Photoshop | Reference sheet |\n| **Creation** | Aseprite, Photoshop, Krita | Individual sprites |\n| **Atlas** | TexturePacker, Aseprite | Spritesheet |\n| **Animation** | Spine, DragonBones, Frame-by-frame | Animation data |\n| **Integration** | Engine import | Game-ready assets |\n\n### 3D Pipeline\n\n| Phase | Tool Options | Output |\n|-------|--------------|--------|\n| **Concept** | 2D art, Blockout | Reference |\n| **Modeling** | Blender, Maya, 3ds Max | High-poly mesh |\n| **Retopology** | Blender, ZBrush | Game-ready mesh |\n| **UV\u002FTexturing** | Substance Painter, Blender | Texture maps |\n| **Rigging** | Blender, Maya | Skeletal rig |\n| **Animation** | Blender, Maya, Mixamo | Animation clips |\n| **Export** | FBX, glTF | Engine-ready |\n\n---\n\n## 3. Color Theory Decisions\n\n### Palette Selection\n\n| Goal | Strategy | Example |\n|------|----------|---------|\n| **Harmony** | Complementary or analogous | Nature games |\n| **Contrast** | High saturation differences | Action games |\n| **Mood** | Warm\u002Fcool temperature | Horror, cozy |\n| **Readability** | Value contrast over hue | Gameplay clarity |\n\n### Color Principles\n\n- **Hierarchy:** Important elements should pop\n- **Consistency:** Same object = same color family\n- **Context:** Colors read differently on backgrounds\n- **Accessibility:** Don't rely only on color\n\n---\n\n## 4. Animation Principles\n\n### The 12 Principles (Applied to Games)\n\n| Principle | Game Application |\n|-----------|------------------|\n| **Squash & Stretch** | Jump arcs, impacts |\n| **Anticipation** | Wind-up before attack |\n| **Staging** | Clear silhouettes |\n| **Follow-through** | Hair, capes after movement |\n| **Slow in\u002Fout** | Easing on transitions |\n| **Arcs** | Natural movement paths |\n| **Secondary Action** | Breathing, blinking |\n| **Timing** | Frame count = weight\u002Fspeed |\n| **Exaggeration** | Readable from distance |\n| **Appeal** | Memorable design |\n\n### Frame Count Guidelines\n\n| Action Type | Typical Frames | Feel |\n|-------------|----------------|------|\n| Idle breathing | 4-8 | Subtle |\n| Walk cycle | 6-12 | Smooth |\n| Run cycle | 4-8 | Energetic |\n| Attack | 3-6 | Snappy |\n| Death | 8-16 | Dramatic |\n\n---\n\n## 5. Resolution & Scale Decisions\n\n### 2D Resolution by Platform\n\n| Platform | Base Resolution | Sprite Scale |\n|----------|-----------------|--------------|\n| Mobile | 1080p | 64-128px characters |\n| Desktop | 1080p-4K | 128-256px characters |\n| Pixel art | 320x180 to 640x360 | 16-32px characters |\n\n### Consistency Rule\n\nChoose a base unit and stick to it:\n- Pixel art: Work at 1x, scale up (never down)\n- HD art: Define DPI, maintain ratio\n- 3D: 1 unit = 1 meter (industry standard)\n\n---\n\n## 6. Asset Organization\n\n### Naming Convention\n\n```\n[type]_[object]_[variant]_[state].[ext]\n\nExamples:\nspr_player_idle_01.png\ntex_stone_wall_normal.png\nmesh_tree_oak_lod2.fbx\n```\n\n### Folder Structure Principle\n\n```\nassets\u002F\n├── characters\u002F\n│   ├── player\u002F\n│   └── enemies\u002F\n├── environment\u002F\n│   ├── props\u002F\n│   └── tiles\u002F\n├── ui\u002F\n├── effects\u002F\n└── audio\u002F\n```\n\n---\n\n## 7. Anti-Patterns\n\n| Don't | Do |\n|-------|-----|\n| Mix art styles randomly | Define and follow style guide |\n| Work at final resolution only | Create at source resolution |\n| Ignore silhouette readability | Test at gameplay distance |\n| Over-detail background | Focus detail on player area |\n| Skip color testing | Test on target display |\n\n---\n\n> **Remember:** Art serves gameplay. If it doesn't help the player, it's decoration.\n",{"name":5,"description":7,"allowed-tools":44},"Read, Glob, Grep","main","def8531e65114c0fca8fb8551c1871ee0eed705c","skills\u002Faiskillstore\u002Fmarketplace\u002Fsickn33\u002Fgame-art",24,"https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub","https:\u002F\u002Fskillshub.wtf","https:\u002F\u002Fgithub.com\u002FComeOnOliver","AI & Blockchain Engineer\r\n","2026-06-24 22:07:19",{"source":8,"skillName":5,"commands":55,"prompt":65,"zipAvailable":66},[56,59,62],{"tool":57,"command":58},"npx","npx skills add ComeOnOliver\u002Fskillshub --skill game-art",{"tool":60,"command":61},"bunx","bunx skills add ComeOnOliver\u002Fskillshub --skill game-art",{"tool":63,"command":64},"pnpm","pnpm dlx skills add ComeOnOliver\u002Fskillshub --skill game-art","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Faiskillstore\u002Fmarketplace\u002Fsickn33\u002Fgame-art\u002FSKILL.md",true,[],[69,81,91,100,106,113],{"skillNo":70,"name":71,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":72,"categories":73,"keywords":77,"publishedAt":39},"01M6FKJN13GMG4KY57J3QD8GY5","model-hierarchy-skill","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzscole\u002Fmodel-hierarchy-skill\u002Fmodel-hierarchy-skill\u002FSKILL.md",[74],{"categoryNo":75,"categoryName":76,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000023","Skill与智能体开发",[78,79,80],"model","model hierarchy","model hierarchy skill",{"skillNo":82,"name":83,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":84,"categories":85,"keywords":87,"publishedAt":39},"01M6FKJJJ6GCAMR4PPPRD12M5X","zoom-mcp","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fzoom-mcp\u002FSKILL.md",[86],{"categoryNo":75,"categoryName":76,"taxonomyType":21,"taxonomyTypeDesc":22},[88,89,90],"MCP","zoom","zoom mcp",{"skillNo":92,"name":93,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":94,"categories":95,"keywords":96,"publishedAt":39},"01M6FKJE3KYT3KPEZMEEHYKA6K","zoom-apps-sdk","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fzoom-apps-sdk\u002FSKILL.md",[],[97,98,99,89],"sdk","zoom apps sdk","apps",{"skillNo":101,"name":102,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":103,"categories":104,"keywords":105,"publishedAt":39},"01M6FKJ9EDH9Q5VWDF8HAJRSP0","windows","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fwindows\u002FSKILL.md",[],[102],{"skillNo":107,"name":108,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":109,"categories":110,"keywords":112,"publishedAt":39},"01M6FKJ666BEEFC3AE9GJ72Q93","whiteboard","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fwhiteboard\u002FSKILL.md",[111],{"categoryNo":75,"categoryName":76,"taxonomyType":21,"taxonomyTypeDesc":22},[108],{"skillNo":114,"name":115,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":116,"categories":117,"keywords":118,"publishedAt":39},"01M6FKJ21WFCDGTJQ2Q91T9DVW","websockets","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fwebsockets\u002FSKILL.md",[],[115]]