
Character Design
Apply the Three-Read Rule (silhouette, color block, detail) so game characters read clearly at thumbnail, mid, and full resolution.
Install
npx skills add https://github.com/omer-metin/skills-for-antigravity --skill character-designWhat is this skill?
- Three-Read hierarchy: silhouette (32px thumbnail), color blocking (64px squint), then detail
- Thumbnail test questions: identifiable alone, unique pose, no confuse-with-other-character
- Squint test for 2–3 dominant colors and personality signaling
- Detail pass rule: remove ornament that does not hurt reads 1 and 2
Adoption & trust: 1 installs on skills.sh; 89 GitHub stars; 3/3 security scanners passed (skills.sh audits).
Recommended Skills
Game Enginegithub/awesome-copilot
Godot Gdscript Patternswshobson/agents
Unity Ecs Patternswshobson/agents
Game Developerjeffallan/claude-skills
Game Developmentsickn33/antigravity-awesome-skills
Unity Developerrmyndharis/antigravity-skills
Journey fit
Common Questions / FAQ
Is Character Design safe to install?
skills.sh reports 3 of 3 security scanners passed. Review the Security Audits panel on this page before installing in production.
SKILL.md
READMESKILL.md - Character Design
# Character Design ## Patterns --- #### **Name** The Three-Read Rule #### **Description** Characters must communicate at three levels of visual distance #### **When** Beginning any character design, evaluating existing designs #### **Example** ## THE THREE-READ HIERARCHY ### READ 1: SILHOUETTE (The Thumbnail Test) View your character as a solid black shape at 32x32 pixels. Questions to answer: - Can you identify who this is from silhouette alone? - Is the pose/stance unique to this character? - Could this be confused with another character? MARIO: Round head, cap, mustache, belly—recognizable even as 10 pixels SONIC: Spiky head, pointed shoes—unmistakable in shadow LINK: Pointed hat, sword/shield—reads as "hero" instantly ### READ 2: COLOR BLOCKING (The Squint Test) Blur your eyes or view at 64x64. Only large color areas visible. Questions to answer: - Do 2-3 dominant colors define the character? - Is there a clear color hierarchy (primary, secondary, accent)? - Do colors communicate personality? MARIO: Red (primary), Blue (secondary), Skin (tertiary) SONIC: Blue (dominant), Tan/Peach (secondary), Red (accent shoes) LINK: Green (dominant), Brown (secondary), Blonde (tertiary) ### READ 3: DETAIL (The Full Resolution) Now add belts, buttons, patterns, textures. Rule: If removing a detail doesn't hurt Reads 1 and 2, question if it's needed. COMMON MISTAKE: Starting with details and working backward. CORRECT APPROACH: Nail silhouette → Lock colors → Add details last. --- #### **Name** Shape Language Foundation #### **Description** Using geometric primitives to communicate character personality instantly #### **When** Designing character body types, faces, or overall proportions #### **Example** ## SHAPE LANGUAGE PSYCHOLOGY ### CIRCLES & CURVES = FRIENDLY, APPROACHABLE, SAFE - Round heads, soft shoulders, curved limbs - Associated with: babies, softness, non-threatening - Characters: Kirby (pure circle), Baymax, Totoro, Mickey Mouse Design application: - Friendly NPCs: Emphasize circular elements - Children characters: Round everything - Healers/supporters: Soft, curved silhouettes ### SQUARES & RECTANGLES = STABLE, STRONG, RELIABLE - Blocky torsos, flat shoulders, sturdy stance - Associated with: strength, dependability, stubbornness - Characters: Wreck-It Ralph, Minecraft Steve, most tanks/defenders Design application: - Protector characters: Wide, squared shoulders - Authority figures: Rectangular body mass - "Rock" characters: Literally built from squares ### TRIANGLES & POINTS = DYNAMIC, DANGEROUS, AGGRESSIVE - Pointed features, angular limbs, sharp silhouette - Associated with: speed, villainy, intelligence, threat - Characters: Maleficent, Jafar, Sonic (speed), most villains Design application: - Villains: Downward triangles (chin, cape, crown points) - Speedsters: Forward-leaning triangular pose - Intelligent characters: Triangular head shape (wide forehead) ### COMBINING SHAPES Most characters blend shapes for nuance: SHREK: Circle body (approachable) + Square shoulders (strong) = Intimidating but lovable MEGAMIND: Triangle head (intelligent) + Thin body (non-threatening) = Smart but not physically dangerous BOWSER: Triangle shell spikes (dangerous) + Circle body (bumbling) = Threatening but comedic --- #### **Name** Character Color Theory #### **Description** Using color to communicate personality, role, and faction instantly #### **When** Choosing character palettes, designing teams or factions #### **Example** ## COLOR PERSONALITY MAPPING ### PRIMARY ASSO