Documentation Index
Fetch the complete documentation index at: https://mintlify.com/apursley2012/dev-mode/llms.txt
Use this file to discover all available pages before exploring further.
The Skills page borrows the visual language of a fighting game’s command list — the in-game reference screen that shows a character’s full move set with directional-pad and button inputs. Each technical skill is listed as a “move” with its own combo notation string and a pixel-art progress bar showing the developer’s proficiency level. Skills are grouped into three categories, each rendered in a distinct neon accent color.
Route
| Property | Value |
|---|
| Hash route | /#/skills |
| Page heading | COMMAND LIST |
| Subtitle | MASTER THESE MOVES TO WIN |
Skill Categories
LANGUAGES — Cyan
Core programming languages, notated with cardinal-direction inputs (↓ ↑ ← →) and punch (P) or kick (K) buttons.
| Skill | Combo Notation | Level |
|---|
| JavaScript | ↓↘→ + P | 9/10 |
| TypeScript | ←↙↓↘→ + K | 8/10 |
| Python | ↓↑ + P | 6/10 |
| HTML/CSS | Hold ←, → + P | 10/10 ✦ MAX |
FRONT-END — Lime
Front-end frameworks and UI libraries.
| Skill | Combo Notation | Level |
|---|
| React | →↓↘ + P | 9/10 |
| Next.js | ↓↙← + K | 7/10 |
| Tailwind | PPP | 9/10 |
| Framer Motion | KKK | 6/10 |
BACK-END — Magenta
Server-side runtimes, databases, and APIs.
| Skill | Combo Notation | Level |
|---|
| Node.js | →↘↓↙← + P | 8/10 |
| PostgreSQL | ↓↘→↓↘→ + K | 7/10 |
| Redis | Hold ↓, ↑ + K | 5/10 |
| GraphQL | ←→←→ + P | 6/10 |
Combo notation is decorative — it follows the visual grammar of fighting-game move lists (quarter-circles, half-circles, charge motions) but is not interactive. The notation complexity loosely reflects how the developer feels about each technology’s learning curve.
Progress Bars
Each skill entry includes an animated pixel-style progress bar that fills from 0 to its target level on page load. The bar is divided into 10 discrete segments, lit up to the skill’s level value. Bars for level 10 skills display a MAX label alongside the filled bar.
The progress bars animate in with a sequential stagger — skills in the first category animate first, followed by the second and third. This creates a wave-like reveal effect as the page loads.
Color Coding
Each category uses a consistent accent color across its heading, combo notation text, and progress bar fill:
| Category | Accent Color |
|---|
| LANGUAGES | Cyan |
| FRONT-END | Lime |
| BACK-END | Magenta |