Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/apursley2012/developer-dossier/llms.txt

Use this file to discover all available pages before exploring further.

The data/skills.js module exports skillCategories, an array of category objects that drive the Skills page. Each category groups related skills, and every skill carries a numeric proficiency rating from 1 to 5 that is rendered as an animated LedMeter component — a row of illuminated segments that fills proportionally to the skill level. No component code needs to change to add, remove, or re-rate a skill.

​
SkillCategory Schema

interface SkillCategory {
  category: string; // Display name, typically ALL CAPS
  skills: Array<{
    name: string;
    proficiency: 1 | 2 | 3 | 4 | 5;
  }>;
}

​
Proficiency Scale

The proficiency integer maps directly to the number of lit segments in the LedMeter. The visual is ■ for a lit segment and □ for an unlit segment across a five-segment bar.
LevelLedMeterMeaning
1■□□□□Beginner / actively learning
2■■□□□Familiar — used on projects but not daily
3■■■□□Proficient — comfortable and independent
4■■■■□Advanced — deep knowledge, handles edge cases
5■■■■■Expert / daily driver — go-to tool

​
Current Skill Categories

The module currently defines six categories. Skills are listed with their proficiency level in parentheses.

​
LANGUAGES

SkillProficiency
TypeScript5
JavaScript5
Python4
Rust2
SQL4

​
WEB INTERFACES

SkillProficiency
React5
Tailwind CSS5
Framer Motion4
Vue3
Accessibility (a11y)4

​
SERVER & DATA

SkillProficiency
Node.js4
PostgreSQL4
Redis3
GraphQL4
REST APIs5

​
TOOLING & VERSIONING

SkillProficiency
Git5
Docker3
Webpack / Vite4
CI/CD Pipelines3

​
INVESTIGATIVE

SkillProficiency
Jest / Vitest4
Playwright4
Performance Profiling3
Debugging5

​
COMMUNICATIONS

SkillProficiency
Technical Writing5
System Architecture Docs4
UI/UX Sensibility4

​
Adding a Skill

1

Open the data module

Open data/skills.js in your editor.
2

Find the appropriate category

Locate the category object whose category string best matches the skill you’re adding. For example, a new framework belongs in "WEB INTERFACES", while a new CLI tool belongs in "TOOLING & VERSIONING".
{
  category: "WEB INTERFACES",
  skills: [
    { name: "React", proficiency: 5 },
    // add your new skill here
  ],
}
3

Add the new skill entry

Append a { name, proficiency } object to the skills array of the chosen category.
{ name: "Solid.js", proficiency: 2 }
4

Set the proficiency rating

Assign a proficiency integer from 1 (beginner) to 5 (expert). Be honest — the LedMeter is a direct visual representation of your self-assessed capability, and visitors will notice if the ratings feel inflated.
5

Rebuild the project

Save your changes and run the build command to compile the updated skills data into the deployed site.
npm run build
To add an entirely new category, append a new object to the top-level skillCategories array with a category name and an initial skills array. The Skills page renders all categories dynamically — no layout changes are needed.

Build docs developers (and LLMs) love

Get started for freeTalk to us