Skip to main content

Documentation Index

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

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

The Skills page translates technical proficiency into a radio-frequency metaphor: each skill is assigned a transmission frequency and a signal level (0 – 100). Skills are grouped into four system groups named after spacecraft subsystems — NAVIGATION, PROPULSION, LIFE SUPPORT, and COMMS — each operating on a distinct frequency band. The FrequencyGauge and SignalBars components visualise the level and frequency for each skill. The route is #/skills and the static entry point is pages/Skills.html.

​
Components Used

ComponentRole
FrequencyGaugeRenders a tuning-dial gauge showing the skill’s frequency
SignalBarsRenders a bar-graph indicator scaled to the skill’s level (0 – 100)
HudFrameDecorative panel wrapper around each system group
StarfieldFull-viewport animated background
NebulaBackgroundAtmospheric depth layer
HudNavPersistent top navigation
PageTransitionEnter/exit animation wrapper

Frequency Gauge

Tuning-dial component that displays a skill’s transmission frequency.

Signal Bars

Bar-graph proficiency indicator scaled to the skill level (0–100).

​
The Frequency Metaphor

Rather than a standard progress bar, each skill is mapped to a radio frequency. Higher frequencies suggest more specialised or refined capabilities, while the level value (0 – 100) controls how many signal bars are illuminated. This creates a dual-axis view of each skill: how strong the signal is (proficiency) and what channel it broadcasts on (domain).

​
System Groups

All skill data lives in data/skills.js and is exported as an array of four group objects.

​
PROPULSION — Back-end & Data Processing

SkillLevelFrequency
Node.js85432.1 MHz
PostgreSQL80432.5 MHz
Redis75433.0 MHz
GraphQL70433.8 MHz

​
LIFE SUPPORT — Tooling & Infrastructure

SkillLevelFrequency
Git / CI/CD901.2 GHz
Docker751.3 GHz
AWS / Vercel801.4 GHz
Jest / Vitest851.5 GHz

​
COMMS — Soft Skills & Design

SkillLevelFrequency
UI/UX Design855.0 GHz
Tech Writing905.2 GHz
Mentorship805.4 GHz
Agile/Scrum855.8 GHz

​
Skill Data Shape

Each group object in data/skills.js follows this schema: 
{
  id: "nav",                          // unique group identifier
  name: "NAVIGATION",                 // display name (ALL_CAPS convention)
  description: "Front-end & Interface Systems", // subtitle shown under the group header
  skills: [
    {
      name: "React / Next.js",        // skill display name
      level: 95,                      // proficiency 0–100 (controls SignalBars)
      frequency: "144.2 MHz"          // frequency string (shown on FrequencyGauge)
    }
    // ...more skills
  ]
}

​
Updating a Skill Level

Open data/skills.js and change the level value for the relevant skill. The SignalBars component re-renders automatically — no component code changes needed. 
// Raise TypeScript to 95
{ name: "TypeScript", level: 95, frequency: "144.5 MHz" }

​
Adding a New Skill

Locate the appropriate group object in data/skills.js and push a new entry into its skills array: 
// Add Svelte to the NAVIGATION group
{ name: "Svelte", level: 72, frequency: "146.2 MHz" }
Choose a frequency that is:
  • Within the same band as the other skills in that group (preserves the metaphor).
  • Not already used by another skill.

​
Adding a New System Group

Push a new group object into the root array in data/skills.js: 
{
  id: "sensors",
  name: "SENSORS",
  description: "Monitoring & Observability",
  skills: [
    { name: "OpenTelemetry", level: 75, frequency: "2.4 GHz" },
    { name: "Grafana", level: 70, frequency: "2.5 GHz" }
  ]
}
The Skills page renders every group in the array, so the new section appears automatically.

Skills Data

Full schema reference for data/skills.js.

Frequency Gauge

Component reference for the tuning-dial frequency display.

Signal Bars

Component reference for the proficiency bar-graph indicator.

HUD Frame

Decorative panel wrapper used around each skill group.

Build docs developers (and LLMs) love

Get started for freeTalk to us