Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/apursley2012/colorful/llms.txt

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

The Skills page gives visitors a structured view of your technical and creative capabilities. Rather than burying your toolset inside a bio or project description, this dedicated page lets you present your expertise clearly so hiring managers, collaborators, and clients can quickly assess whether you are a good fit for their needs. The route path is /skills and the Navigation component labels this page The Toolbox, styled with accent color #84cc16.

Purpose

Use the Skills page to document the languages, frameworks, platforms, and tools that make up your working toolkit. A well-organized skills page answers the question: what can this person actually do? It complements the Projects page (which shows outcomes) by explaining the means you used to get there.

Suggested Content

Organize your skills into logical groups so the page is easy to scan. Common categories include:
  • Languages — for example: JavaScript, TypeScript, Python, Rust, Swift
  • Frameworks and libraries — for example: React, Next.js, Tailwind CSS, Framer Motion, Node.js
  • Tools and platforms — for example: Vite, Git, Figma, Vercel, GitHub Actions
  • Design skills — for example: UI design, prototyping, typography, motion design, accessibility
  • Other capabilities — for example: technical writing, code review, mentoring, open-source contribution
You do not need to list every technology you have ever touched. Focus on skills you use regularly and can speak to confidently in conversation.

How to Update the Page

Open skills.html and replace the placeholder skill entries with your own. For each skill or group:
  • Use clear, recognizable names (official names where possible)
  • Consider adding a brief note about your experience level or context — for example, “React — 4 years, used in every client project”
  • Remove any placeholder categories that do not apply to your work
When a visitor is on the Skills page, the The Toolbox label in the floating navigation menu is highlighted with #84cc16. The route definition in Navigation.js is:
{ path: '/skills', label: 'The Toolbox', color: '#84cc16' }

Projects

Show your skills in action with featured portfolio work.

Pages Overview

Full table of all ten pages with routes, nav labels, and purposes.

Build docs developers (and LLMs) love