How do I install the Www skill?

Run npx skillmds@latest add tomevault-io/www in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

This skill has not completed SkillMD's automated safety review yet. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Www?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

tomevault-io (@tomevault-io) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Www by tomevault-io — Agent Skill

Name: Www
Author: tomevault-io

Www

Work on the Astro website in `www/` for pdit.dev. Use when editing site content, styles, layouts, or components; adding pages or news posts; or running Astro dev/build commands for the website. Use when this capability is needed.

tomevault-io Updated Sep 17, 2026

File contents

www Astro website

Overview

Work on the Astro site in www/: update content, add pages or news posts, and adjust styling while following the local design system.

Quick Start

Install deps: cd www && npm install
Run dev server: npm run dev
Build: npm run build
Preview build: npm run preview

Project Map

Use www/src/pages/ for route files (e.g., index.astro, manual.astro, news/).
List news posts in www/src/pages/news/index.astro via Astro.glob; export title and date from each post.
Wrap pages with www/src/layouts/Layout.astro; keep Nav, global CSS, fonts, and analytics wired in.
Edit the main nav in www/src/components/Nav.astro.
Treat www/src/styles/global.css as the home for global typography, colors, and layout defaults.
Place static assets in www/public/ (images, icons).
Follow the design system in www/DESIGN.md.
Avoid editing www/dist/ directly (build output, ignored by git).

Conventions

Wrap pages with Layout and set title plus description when available.
Put shared styling in www/src/styles/global.css; keep page-specific styles in each .astro file's <style> block.
Follow www/DESIGN.md: bold, high contrast, thick borders, sharp corners, palette-driven accents.
Preserve existing typography: Fira Mono for headings, system-ui for body.
Keep assets in www/public/ and reference by absolute path (e.g., /screenshot.png).

Common Tasks

Update content

Edit the target .astro file in www/src/pages/ or www/src/pages/news/.
Adjust local styles in the same file if layout changes are needed.

Add a new page

Create www/src/pages/<route>.astro.
Use Layout and provide title/description.
Add a nav link in www/src/components/Nav.astro if the page should appear in the top nav.

Add a news post

Create www/src/pages/news/<slug>.astro.
Export title and date as strings.
Use Layout and include a back-link to /news/.
Rely on Astro.glob in /news/ to surface the post automatically.

Converted and distributed by TomeVault — claim your Tome and manage your conversions.

---name: wwwdescription: Work on the Astro website in `www/` for pdit.dev. Use when editing site content, styles, layouts, or components; adding pages or news posts; or running Astro dev/build commands for the website. Use when this capability is needed.---# www Astro website## OverviewWork on the Astro site in `www/`: update content, add pages or news posts, and adjust styling while following the local design system.## Quick Start- Install deps: `cd www && npm install`- Run dev server: `npm run dev`- Build: `npm run build`- Preview build: `npm run preview`## Project Map- Use `www/src/pages/` for route files (e.g., `index.astro`, `manual.astro`, `news/`).- List news posts in `www/src/pages/news/index.astro` via `Astro.glob`; export `title` and `date` from each post.- Wrap pages with `www/src/layouts/Layout.astro`; keep `Nav`, global CSS, fonts, and analytics wired in.- Edit the main nav in `www/src/components/Nav.astro`.- Treat `www/src/styles/global.css` as the home for global typography, colors, and layout defaults.- Place static assets in `www/public/` (images, icons).- Follow the design system in `www/DESIGN.md`.- Avoid editing `www/dist/` directly (build output, ignored by git).## Conventions- Wrap pages with `Layout` and set `title` plus `description` when available.- Put shared styling in `www/src/styles/global.css`; keep page-specific styles in each `.astro` file's `<style>` block.- Follow `www/DESIGN.md`: bold, high contrast, thick borders, sharp corners, palette-driven accents.- Preserve existing typography: Fira Mono for headings, system-ui for body.- Keep assets in `www/public/` and reference by absolute path (e.g., `/screenshot.png`).## Common Tasks### Update content- Edit the target `.astro` file in `www/src/pages/` or `www/src/pages/news/`.- Adjust local styles in the same file if layout changes are needed.### Add a new page1. Create `www/src/pages/<route>.astro`.2. Use `Layout` and provide `title`/`description`.3. Add a nav link in `www/src/components/Nav.astro` if the page should appear in the top nav.### Add a news post1. Create `www/src/pages/news/<slug>.astro`.2. Export `title` and `date` as strings.3. Use `Layout` and include a back-link to `/news/`.4. Rely on `Astro.glob` in `/news/` to surface the post automatically.---> Converted and distributed by [TomeVault](https://tomevault.io/claim/vangberg) — claim your Tome and manage your conversions.

Frequently asked questions

Www