Blog Reference for Claude

VerifiedSafe

Quick reference guide for this blog's technical structure, style patterns, and conventions. Use this file to avoid re-exploring the codebase in new sessions.

Sby Skills Guide Bot
DocumentationBeginner
7/24/2026
Claude Code
#astro#blog-reference#nynorsk#codebase-guide

Recommended for

Automated summary

This quick reference guide provides an overview of a specific Astro blog's technical stack, frontmatter schema, routing conventions, and components to accelerate work in new sessions.

Strengths

  • Comprehensive coverage of the blog's architecture (stack, file structure, CSS)
  • Reduces time spent re-exploring the codebase
  • Includes specific conventions (slug rules, Nynorsk writing style with split infinitive)

Limitations

  • Tied to this one blog, not reusable for other projects
  • Requires understanding of Nynorsk to apply writing conventions
  • Does not cover error handling or advanced scenarios
When to use it

When starting a new session working on this blog and needing to quickly recall its structure or conventions.

When not to use it

If working on a different project or if you already know the codebase well without assistance.

Security analysis

Safe
Quality score90/100

This skill is a static documentation reference for a personal blog. It contains no executable code, no destructive instructions, and no security concerns.

No concerns found

How this analysis is made

Examples

Check file structure
According to the blog reference, what is the file structure for content and pages? List the key directories and their purposes.
Frontmatter schema
Show me the required and optional frontmatter fields for a blog post in this Astro blog, as defined in the reference.
Slug convention
What is the slug convention for blog post filenames? Provide an example based on the reference.

Blogg-referanse for Claude

Rask oppslagsguide for denne bloggens tekniske struktur, stilmønster og konvensjonar. Bruk denne fila for å sleppe å re-utforska kodebasen i nye sesjonar.


Teknisk stack

  • Framework: Astro 6.x (Content Layer), statisk HTML/CSS
  • Hosting: GitHub Pages via GitHub Actions
  • Innhald: Markdown-filer (.md) i src/content/blog/
  • Ingen JS-framework — berre Astro og @astrojs/rss (med React Islands for spesifikke komponentar)

Filstruktur

src/
├── content/
│   └── blog/
│       └── *.md             # Blogginnlegg
├── content.config.ts        # Schema for innhaldssamlingar
├── layouts/
│   ├── Grunnoppsett.astro   # Hovudlayout (header, footer, tema-bryter)
│   └── Artikkel.astro       # Artikkellayout (innhaldstabell, leseprosessbar)
├── pages/
│   ├── index.astro          # Startsida (listar alle .md-innlegg)
│   ├── om.astro             # Om-sida
│   ├── 404.astro            # 404-side
│   ├── rss.xml.ts           # RSS-feed
│   ├── tag/[tag].astro      # Dynamiske tag-sider
│   └── [slug].astro         # Dynamisk ruting for blogginnlegg
├── styles/
│   └── global.css           # All CSS (éi fil, ingen komponent-CSS)
└── utils/
    └── dato.ts              # Datoformatering: formaterDato(dato, 'kort'|'lang')

Frontmatter-schema for innlegg

---
tittel: "Tittelen på innlegget"             # Påkravd
publisertDato: "2026-04-14"                  # Påkravd, format YYYY-MM-DD
oppdatertDato: "2026-04-24"                  # Valfritt
ingress: "Kort ingress..."                  # Viast på startsida og i meta-tags
tags: ["geopolitikk", "økonomi"]            # Valfritt, driv tag-sidene automatisk
lesetid: 12                                 # Valfritt, tal i minutt
---

Rutingmønster

| URL | Fil | |----------------------------|------------------------------| | / | src/pages/index.astro | | /om | src/pages/om.astro | | /mitt-innlegg | src/content/blog/mitt-innlegg.md (via [slug].astro) | | /tag/geopolitikk | automatisk frå tag-array | | /rss.xml | src/pages/rss.xml.ts |

Merk: Innlegg ligg i src/content/blog/. Prosjektet brukar getCollection('blog') for å henta innlegg i staden for Astro.glob.


Slug-konvensjon for filnamn

  • Berre små bokstavar og bindestrek
  • Norske spesialbokstavar: ø→o, å→a, æ→e
  • Eksempel: petrodollaren-og-imperiet-sitt-sjolvmord.md

Komponentar

Grunnoppsett.astro

Props: tittel (påkravd), beskriving, erArtikkel (boolean)

Rendrar: sticky header med logo + navigasjon, mobil-meny (CSS checkbox-hack, ikkje JS), tema-bryter (lys/mørk), footer, Umami-analyse.

Artikkel.astro

Props: tittel, dato, ingress, tags[], lesetid

Rendrar: automatisk innhaldstabell (frå alle ##/###-overskrifter, viss ≥2), leseprosessbar øvst, «attende til toppen»-knapp, Umami scroll-analyse (25/50/75/100 %).


CSS-designsystem (src/styles/global.css)

Fargepaletten (CSS-variablar)

--svart:    #0f0f0f   /* tekst */
--kvit:     #f5f0e8   /* bakgrunn (krem) */
--grå:      #6b6560
--lys-grå:  #e8e2d8
--raud:     #b8001f   /* lenkjer og aksent */
--gull:     #c4933f   /* highlight */

Typografi

--skrift-brei:  'Playfair Display', serif   /* overskrifter */
--skrift-brød:  'Source Serif 4', serif     /* brødtekst */
--skrift-kode:  'JetBrains Mono', monospace /* kode og metadata */

Layout-klassar

  • .container — maks 720px (smal, for lesbarheit)
  • .container--brei — maks 960px (header/footer)

Mørk modus

Aktivert via html[data-theme="dark"]. Preferanse lagrast i localStorage. Respekterer prefers-color-scheme: dark som fallback.


Skrivestil og språk

  • Språk: Nynorsk med kløyvd infinitiv
    • Korte verb (monosyllabisk stamme): -a — vera, gjera, ta, sjå, gå, stå, la, ha, fara
    • Lange verb: -e — skrive, lese, analysere, utvikle, fortelje
  • Tone: Analytisk, ikkje agitatorisk. Strukturalistisk — system framfor einskildpersonar
  • Aldri bokmål

Kjeldereferansar (IEEE-stil)

Alle kjelder brukar IEEE-stil:

Inline i tekst

... som dokumentert i fleire studiar [1][2].

Referanseliste nedst (under ## Kjelder)

Nettbaserte kjelder:

[N] Forfattar/org, "Tittel," *Publikasjon*, Dato. [Online]. Available: URL. [Accessed: dato].

Interne/ikkje-offentlege rapportar (Deutsche Bank, Citigroup ol.):

[N] Deutsche Bank Research, "Tittel," intern rapport, mars 2026. (ikkje offentleg tilgjengeleg)

Innleggsstruktur (etablert mønster)

[Innleiingsparagraf utan overskrift — set kontekst og hovudpåstand]

## Seksjon 1
...

## Seksjon 2
...

---

*Dette innlegget er del av ein serie om det amerikanske imperiet sin strukturelle krise.*

## Kjelder

[1] ...
[2] ...

Taggsystem

Tags er sjølvoppdagande — berre legg dei til i frontmatter-arrayet. Kvar ny tag får automatisk ei side på /tag/<tag> via src/pages/tag/[tag].astro. Ingen manuell registrering nødvendig.


Konfigurasjon

// astro.config.mjs
site: 'https://hawk-on.github.io'
base: '/Blog'
// Markdown: Shiki syntax highlighting, github-dark tema, tekstbryting på

Git-oppsett

  • Produksjonsgrein: master
  • Feature-greinar: claude/<namn>-<id>
  • Deploy: automatisk frå master via GitHub Actions til GitHub Pages
  • GitHub-proxy: køyrer på 127.0.0.1:62343 (telefon) — ved nettverksfeil, prøv push på nytt opptil 4 gonger med eksponentiell backoff (2s, 4s, 8s, 16s)

From the file to a first result

The download contains exactly the content displayed on this page. This copy may differ from the latest version in the source repository.

View the source and supporting files

This download contains SKILL.md only. Any scripts, references, templates and dependencies are not included. Get the required files from the source, preserving their directory structure, before continuing.

1. Download the file

Download SKILL.md

From the root of a test project, save the file as .skill-downloads/blog-reference-for-claude-mryiqibq/SKILL.md, or use the command below. This folder is for inspecting the skill before installation.

Command for macOS/Linux or WSL: requires a POSIX shell and curl. On Windows without WSL, use the download button and create the folder manually.

mkdir -p '.skill-downloads/blog-reference-for-claude-mryiqibq' && curl --fail --show-error --location 'https://skills-guides.com/api/skills/blog-reference-for-claude-mryiqibq/download' --output '.skill-downloads/blog-reference-for-claude-mryiqibq/SKILL.md.part' && mv '.skill-downloads/blog-reference-for-claude-mryiqibq/SKILL.md.part' '.skill-downloads/blog-reference-for-claude-mryiqibq/SKILL.md'

2. Check prerequisites

Read SKILL.md before using it. If it references scripts or external services, inspect them and prepare the required access in your test environment.

No recognized prerequisites section in this file. This does not mean it is self-contained: libraries, tools and access requirements may be mentioned elsewhere in the content or source repository.

The platforms on this page are catalog indications. The paths below follow tool documentation; they do not prove this skill has been run in those tools. No minimum tool version is confirmed for this listing.

3. Load the skill

This file does not provide a usable name/description header for this native procedure. It remains available to download and inspect; use the manual method below.

Manual method or another tool: attach SKILL.md to a conversation, or open it in an agent that can read files. Include any required supporting resources. No universal folder is recognized by every tool.

4. Try a first task

Use a short, synthetic input: an API endpoint, a small document or an interface brief. In a new conversation, attach the file or give the agent its path, then adapt this request:

Read .skill-downloads/blog-reference-for-claude-mryiqibq/SKILL.md and apply its instructions to this example: [describe a test input]. Identify any missing files, dependencies or access. Produce the result requested by the skill without inventing data or running unreviewed scripts.

Expected result: output matching the skill instructions, or a precise list of missing prerequisites. A read confirmation alone does not validate a first use. If an external resource is unavailable, that path remains untested.

Related skills