# Skill Prism

**Year:** 2026
**Role:** Designer and developer
**Client:** Self
**Tags:** prototype-playground, personal-projects, ai
**Case study:** /work/skill-prism
**Live project:** https://mikemake.com/skill-prism
**Part of:** the [prototype playground](/playground)

Break down any topic into the skills to master it. Go fractally into sub-skills of sub-skills of sub-skills...

Prompt loops generate the skill tree and insights panel on demand, skills.sh API grabs skill.md relevant files, dynamic type styling adapts as you descend the hierarchy, and poster exporter saves shareable images.

[Try it →](https://mikemake.com/skill-prism)

![Skill Prism on mobile — exploring a topic's skill tree](/work/skill-prism/hero/01.webp)
![Skill Prism on mobile — drilling into a sub-skill](/work/skill-prism/hero/02.webp)
![Skill Prism on mobile — a deeper level of the prism](/work/skill-prism/hero/03.webp)
![Skill Prism on mobile — branching into related skills](/work/skill-prism/hero/04.webp)
![Skill Prism on mobile — a fully expanded skill path](/work/skill-prism/hero/05.webp)

## Topic explosion

Each topic starts as a single cell, expands into 8 subtopics, then explodes into a full 73-cell grid of sub-skills.

![Skill Prism — AI governance, center cell only](/work/skill-prism/grids-v3/01-1.png)
![Skill Prism — AI governance with its 8 subtopics](/work/skill-prism/grids-v3/01-2.png)
![Skill Prism — AI governance fully exploded into 73 skills](/work/skill-prism/grids-v3/01-3.png)
![Skill Prism — Soul, center cell only](/work/skill-prism/grids-v3/11-1.png)
![Skill Prism — Soul with its 8 subtopics](/work/skill-prism/grids-v3/11-2.png)
![Skill Prism — Soul fully exploded into 73 skills](/work/skill-prism/grids-v3/11-3.png)
![Skill Prism — Truth, center cell only](/work/skill-prism/grids-v3/13-1.png)
![Skill Prism — Truth with its 8 subtopics](/work/skill-prism/grids-v3/13-2.png)
![Skill Prism — Truth fully exploded into 73 skills](/work/skill-prism/grids-v3/13-3.png)

## Top resources for every topic

![Skill Prism — baking, with curated reading list](/work/skill-prism/grids-insights/01.png)
![Skill Prism — consciousness, with curated reading list](/work/skill-prism/grids-insights/02.png)
![Skill Prism — ancient mysteries, with curated reading list](/work/skill-prism/grids-insights/03.png)
![Skill Prism — self defense, with curated reading list](/work/skill-prism/grids-insights/04.png)
![Skill Prism — anxiety, with curated reading list](/work/skill-prism/grids-insights/05.png)

## Turn clean mode on for legibility

![Skill Prism in clean mode — high five or fist bump](/work/skill-prism/grids-plain/01.png)
![Skill Prism in clean mode — outrun a moose](/work/skill-prism/grids-plain/02.png)
![Skill Prism in clean mode — stop people pleasing](/work/skill-prism/grids-plain/03.png)
![Skill Prism in clean mode — guitar](/work/skill-prism/grids-plain/04.png)
![Skill Prism in clean mode — minimalism](/work/skill-prism/grids-plain/05.png)

## Export a poster to share or print

![Skill Prism — love, exporting as a square PNG](/work/skill-prism/grids-export/1a.png)
![Skill Prism — love, exporting as a vertical SVG](/work/skill-prism/grids-export/1b.png)
![Skill Prism — love, exporting as a landscape PDF](/work/skill-prism/grids-export/1c.png)
![Skill Prism — memetics, exporting as a square PNG](/work/skill-prism/grids-export/2a.png)
![Skill Prism — memetics, exporting as a vertical SVG](/work/skill-prism/grids-export/2b.png)
![Skill Prism — memetics, exporting as a landscape PDF](/work/skill-prism/grids-export/2c.png)
![Skill Prism — small talk, exporting as a square PNG](/work/skill-prism/grids-export/3a.png)
![Skill Prism — small talk, exporting as a vertical SVG](/work/skill-prism/grids-export/3b.png)
![Skill Prism — small talk, exporting as a landscape PDF](/work/skill-prism/grids-export/3c.png)

---

[Overview](/llms.txt) · [All work](/) · [About](/about)