vellum-editorial

Solid

Scaffold editorial documentation sites with the Vellum design system — OKLCH palette, Bodoni Moda / Source Serif 4 / Inconsolata typography, warm or dark space theme, 35 semantic components (state cards, parity matrices, entity dossiers, stat stacks, utterance blocks, editorial notes, entity flows, fact blocks, sub-navigation, source lists, debugger panels, ring visualizations, phase timelines, glossaries, subject-intro, stat-bar, hero-image with lightbox, gallery/masonry grid, audio player with Web Audio API). Static HTML, zero build step. Use when building competitive intelligence pages, personal archives, internal documentation, roadmaps, or multi-page static sites that need a designed, non-generic aesthetic.

Web & Frontend 41 stars 3 forks Updated yesterday MIT

Install

View on GitHub

Quality Score: 87/100

Stars 20%
54
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

Build editorial documentation sites with the Vellum design system. Two theme variants (warm parchment, dark space), OKLCH color science, three-font typographic hierarchy, 35 semantic components. Static HTML with zero build step — deploys to Cloudflare Pages, GitHub Pages, or any static host. ## Creative Direction Two theme variants, each with a distinct character: **Warm (default):** "Vellum manuscript" — warm cream backgrounds with a subtle SVG crosshatch texture, deep ink-brown text, copper accents. Authoritative, like a well-made journal. **Dark:** "Space archive" — deep blue-black backgrounds with CSS starfield (box-shadow stars + nebula gradients), bright gold copper accents, cool blue-gray text. Atmospheric, like a command center or digital archaeology site. Both themes share the same typography, component library, and layout system. The palette transformation is purely in `:root` custom properties — no structural CSS changes needed. If the `minoan-frontend-design` skill is available, read it for broader aesthetic principles. Vellum encodes those principles into a concrete design system. Pages built with Vellum should score 16+/20 on `/design-audit` and 28+/40 on `/design-critique`. ## Quick Start Scaffold a new project: ```bash python3 ~/.claude/skills/vellum-editorial/scripts/init_project.py <project-name> \ [--style editorial|instrument] [--template landing|one-pager] \ [--pages N] [--theme warm|dark] [--auth] [--no-auth] \ [--password <string>] [--dep...

Details

Author
tdimino
Repository
tdimino/claude-code-minoan
Created
7 months ago
Last Updated
yesterday
Language
Python
License
MIT

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category

Code & Development Listed

editorial

Use when building or styling a UI in the Editorial aesthetic — A magazine-grade design system that makes typography the hero, pairing structured grids with generous whitespace and confident headlines. For Claude Code, Cursor, and Codex.

0 Updated 3 weeks ago
x77jh8gvrn-alt
API & Backend Listed

scaffold-pagesmith-docs

Stand up a brand-new Pagesmith documentation site from nothing — @pagesmith/docs wired to diagramkit, sample content, package skills installed, ending on a running preview. Triggers on "scaffold / bootstrap / stand up / start / create a new docs site", "new Pagesmith docs from scratch", "set up a docs site with diagrams". Writes to disk and runs local tooling (npm install, skills install, site build, dev server) — it configures a deploy target but NEVER deploys, pushes, or opens a PR; it prints the deploy command for a human to run. Confirms before touching an existing pagesmith.config. This is the greenfield counterpart to /adk:pagesmith (use that for an EXISTING site) and hands diagram-only work to /adk:diagramkit. It restates no package config schema, no engine flags, no palette — every version-sensitive authoring detail is delegated to the consumer's installed skills under node_modules.

0 Updated 4 weeks ago
sujeet-pro
Data & Documents Listed

dark-terminal-doc

Use when the user wants a polished, shareable single-file HTML technical document with a dark developer / terminal aesthetic — including comparison tables (A vs B), reference sheets, cheatsheets, changelogs, release notes, feature breakdowns, and API docs. Trigger phrases: "make a comparison table", "write a reference doc", "create a feature breakdown", "styled HTML doc", "dark terminal doc", "developer-facing HTML", "comparison cheatsheet", "technical reference page", "release notes HTML", "offline HTML doc", "single-file HTML page", "API cheatsheet", "git cheatsheet", "vs comparison".

0 Updated today
Tamircohen28