Basalt Dev Portfoliov1.0.0

Use this Skill to build website page.

5.00 downloads0 likes0 saves
$4.99
What do I get when I buy this Skill?

Create a complete personal developer portfolio with biography, projects, writing, talks, tools, and career milestones in a focused basalt style. It helps independent builders present a coherent body of work, rather than a disconnected collection of links, when seeking clients, roles, or collaborators.

Picked most often by

App DeveloperIndie HackerJob Seeker

Updated Aug 25, 2026

Basalt Dev Portfolio result preview
Basalt Dev Portfolio result preview 2
Basalt Dev Portfolio result preview 3

Runs in

Claude CodeClaude Desktop / CoworkCodex / ChatGPTCursorGitHub CopilotOpenClawHermesOpenCodeKilo Code

Generates with

Host Agent LLM

User reviews

Loading reviews…

What you get

  • A complete one-file developer portfolio in the basalt style — hero bio, tabbed work experience, project cards, a GitHub-style repo grid, blog list, Uses toolbox, timeline, talks, and footer
  • The dark zinc design system with one cyan accent: a floating pill nav, hover-glow cards, and an animated light beam falling down every vertical rail
  • Working interactions with zero backend: experience tabs, a Show More repo reveal, a mobile menu overlay, and a contact widget that validates and honestly declares itself a demo
  • Style-matched dark app screenshots embedded straight into the project cards, so the page ships looking finished

Good fit

  • Developers and indie hackers who want a personal site that shows projects, experience, and open-source work in one scroll
  • Job seekers who need a sharp, fast 'hire me' page online tonight — one HTML file, no build step, no hosting requirements
  • Anyone who wants the whole page editable as plain HTML/CSS/JS, or generated natively inside their own React, Vue, Svelte, or Astro project

Not for

  • Live GitHub data — the repo section is deliberately static so the file works offline and inside sandboxed embeds
  • Light, colorful, or photo-heavy personal brands — basalt is dark, quiet, and typography-led
  • A working contact backend — the widget validates and replies on the page, and says so honestly
Brand IdentityDigital Publications & Web PagesBuild Website PageBuild Portfolio SiteStyle-lockedEditable OutputBeam MotionCyan AccentDark ZincDeveloper MinimalHover Glow Cards

About this Skill

You say/bs-basalt-dev-portfolio Build a basalt portfolio for Rae Calder, a full-stack developer who ships small tools like Emberpad and Querybird.

FAQ