Every designer says they’re T-shaped. I built a tool that makes you prove it: pick your skills, rank them, and see whether you’re actually I-, T-, Pi-, M-, or X-shaped.
What I did
- Made honest answers the only option. Only one skill can be a 10, one a 9, and one an 8, so you can’t call everything “expert.” That one rule is what makes the shape mean something.
- Scored the shape instead of eyeballing it. The tool reads your ratings as a profile: how many skills sit at 8 or above, how far your top skill stands over the next, how many distinct peaks rise out of the chart, and how evenly high the whole thing is. Each of the five shapes earns points from those signals. One standout peak leans I, two well-separated peaks lean Pi, three or more lean M, and a high, even plateau leans X. The highest score wins, and T is the fallback when nothing stands out.
- Tested accessibility instead of assuming it. Playwright and axe check keyboard and screen-reader behavior, tooltips work on focus and tap, and every animation respects reduced motion.
- Sweated the motion details. The download icon redraws itself stroke by stroke on hover. Three rounds of prompting only made it blink. Re-exporting the icon as strokes instead of a filled shape is what made the draw-in possible.
Results
| 5 shapes | 3 export formats | 0 answers stored |
|---|---|---|
| I, T, Pi, M, and X | PNG, JPEG, SVG | Private by design |
The lesson from the icon: when you build with AI, the source file is the spec.