devportfolio CLAUDE.md

Project instructions for a modern portfolio website built with Astro, Tailwind CSS, TypeScript, and Tabler Icons. They explain the main folders, development commands, and the central configuration file.

In plain words
What is it for?
Use them when customizing the portfolio, running its development server, building it, or editing its page sections and configuration.
Why use it?
They show an agent where the site's sections and settings live. This makes routine changes more consistent and helps it use the project's intended commands.

Instructions file

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

agentmods
npx agentmods add instructions/ryanfitzgerald/devportfolio/claude-md
Clone the repo
git clone --depth 1 https://github.com/RyanFitzgerald/devportfolio
Per session 583 This file is loaded in full into every session.
When invoked 583 The same file — it is already loaded in full.
Security scan A 0 findings. Scan, not verified.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5 $0.00583 $0.00583
Opus 5 $0.00292 $0.00292
Sonnet 5 $0.00117 $0.00117
Haiku 4.5 $0.00058 $0.00058

Measured yesterday against content hash d08f4be10aa4, method: parsed. Prices are Anthropic first-party input rates as of 2026-08-30, from the pricing page.

Security

Grade A, and why

devportfolio CLAUDE.md scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured yesterday.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

Origin

Copies of this mod

1 near-identical copy found in the catalogue:

CLAUDE.md · 64 lines

How it starts

The opening of the file, as written. The whole thing — 64 lines — stays where its author put it; the contents beside it link to each section on GitHub.

CLAUDE.md

This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.

Project Overview

This is a modern, minimalist portfolio template built with Astro and Tailwind CSS v4. It's designed to be easily customizable through a single configuration file while maintaining a clean, professional appearance.

Tech Stack

  • Astro: Static site generator
  • Tailwind CSS v4: Utility-first CSS framework using the new @tailwindcss/vite plugin
  • TypeScript: For type-safe configuration
  • Tabler Icons: Icon library

Development Commands

npm run dev       # Start development server
npm run build     # Build for production
npm run preview   # Preview production build

Architecture

The project follows a component-based architecture with all customization centralized in src/config.ts:

  • Components (src/components/): Individual Astro components for each section (Hero, About, Projects, Experience, Education, Header, Footer)
  • Main Layout (src/pages/index.astro): Single-page layout that imports all components
  • Configuration (src/config.ts): Single source of truth for all content and customization

Key Architectural Decisions

  1. Single Configuration File: All content is managed through src/config.ts to make customization simple
  2. Conditional Rendering: Sections automatically hide if their data is removed from the config
  3. Component Independence: Each section is a self-contained component that reads from the config
  4. Accent Color System: Single accentColor in config propagates throughout the site via CSS custom properties

Important Implementation Details

  • The site uses Tailwind CSS v4 with the Vite plugin configuration
  • No linting or testing framework is currently configured
  • All components are in .astro format (not React/Vue/etc)
  • The project uses IBM Plex Mono font loaded from Google Fonts
  • Social links in the config are all optional and will conditionally render

Read the full file on GitHub · 64 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. yesterday First seen · 64 lines · 583 tokens per session scan A d08f4be10aa4

Subscribe to this mod's changes

devportfolio CLAUDE.md is an instructions file published in the GitHub repository RyanFitzgerald/devportfolio (4,959 stars, last pushed 3mo ago), licensed MIT. It adds 583 tokens to every session, about $0.0029 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.