---
title: Recipes
description: Copy-paste setups for the pages SHAUGHV projects actually ship.
sidebar:
icon: book-open
order: 6
---
These are complete, boring recipes. Swap colors and sizes; keep the URLs.
## A marketing page
```html
SHAUGHV project
One address. Every asset.
```
## A docs or app shell
Makira for chrome and body, Paper Mono for code with the recommended zero.
```css
:root {
--font-ui: "Makira", system-ui, sans-serif;
--font-code: "Paper Mono", ui-monospace, monospace;
}
html { font-family: var(--font-ui); }
code, kbd, pre, samp {
font-family: var(--font-code);
font-feature-settings: "zero" 1;
}
```
## A loading state
Keep the loader recipe intact. Change only color and box size.
```html
```
## An article with a figurine
```html
```
## Agent consumption
Do not scrape these docs for a file list. Fetch the catalog:
```js
const tree = await fetch("https://cdn.shaughv.com/tree.json").then((r) => r.json());
if (!tree.fonts?.all?.defaults) throw new Error("Missing font defaults");
const monoKey = tree.fonts.all.defaults.monospace;
const css = tree.fonts[monoKey].css_url;
```
The `/agents` skill teaches the same workflow without enumerating paths.
## Add the optional cursor
The [custom cursor guide](/cursor) has a one-script installation and framework cleanup example. Pick a preset or site-specific color while keeping the shared animation. Loading the script alone leaves the normal cursor unchanged.
```
## Agent consumption
Do not scrape these docs for a file list. Fetch the catalog:
```js
const tree = await fetch("https://cdn.shaughv.com/tree.json").then((r) => r.json());
if (!tree.fonts?.all?.defaults) throw new Error("Missing font defaults");
const monoKey = tree.fonts.all.defaults.monospace;
const css = tree.fonts[monoKey].css_url;
```
The `/agents` skill teaches the same workflow without enumerating paths.
## Add the optional cursor
The [custom cursor guide](/cursor) has a one-script installation and framework cleanup example. Pick a preset or site-specific color while keeping the shared animation. Loading the script alone leaves the normal cursor unchanged.