Setting the issue. One moment.
Contents
Issue No. 44Dreambase
DreambaseAI /skills
Official Dreambase skills repository
8 chapters · 39 minutes · 8,788 words
Official Dreambase skills repository
8 chapters · 39 minutes · 8,788 words
npx skills add DreambaseAI/skillsTypeset in this issue’s own colours, resolved from the owner’s published design.md.
Agent skills for Dreambase, following Anthropic’s agent skill format (opens in a new tab). Every skill in this repo is prefixed with dreambase-.
| Skill | What it does |
|---|---|
dreambase-echarts (opens in a new tab) | Author Apache ECharts option JSON for the Dreambase renderer — includes an offline option-schema lookup CLI and a structural config validator |
dreambase-visualization-design (opens in a new tab) | Design, critique, and improve charts, dashboards, and infographics using evidence-based visualization, perceptual, accessibility, and integrity principles |
dreambase-data-stories (opens in a new tab) | Design reports, executive summaries, slide decks, infographics, and scrollytelling pieces that blend charts, illustration, typography, and narrative — built on the practices of FT, NYT Graphics, The Pudding, and Reuters |
dreambase-data-presentation |
npx skills add DreambaseAI/skills --skill dreambase-echartsnpx skills add DreambaseAI/skills --skill dreambase-visualization-designnpx skills add DreambaseAI/skills --skill dreambase-data-storiesnpx skills add DreambaseAI/skills --skill dreambase-data-presentationnpx skills add DreambaseAI/skills --skill dreambase-public-reportsnpx skills add DreambaseAI/skills --skill dreambase-industrial-schematicsnpx skills add DreambaseAI/skills --skill dreambase-micrographic-designThe core visualization stack is: dreambase-data-stories shapes the narrative artifact (report, one-pager, infographic, scrollytelling piece), dreambase-visualization-design decides each chart, and dreambase-echarts builds and validates the rendered config. When the artifact is a deck, dreambase-data-presentation takes the storyline and owns the slide, the room, and the presenter — including the build path. Add dreambase-public-reports when the artifact uses confidential real data but must communicate honest trends without publishing the underlying values.
skills/
├── dreambase-skill-creator/ # Meta-skill: how to build skills for this repo
│ ├── SKILL.md
│ ├── references/ # Full spec + eval-loop docs
│ ├── scripts/ # validate-skill.mjs linter
│ └── assets/skill-template/ # Starter template for new skills
└── dreambase-<name>/ # One directory per skill
├── SKILL.md # Required: frontmatter + instructions
├── scripts/ # Optional: executable helpers
├── references/ # Optional: docs loaded on demand
├── assets/ # Optional: templates, files used in output
└── evals/evals.json # Test prompts + assertions (committed)Copy a skill directory into your Claude Code skills folder:
# Per-user (available in every project)
cp -r skills/dreambase-<name> ~/.claude/skills/
# Per-project
cp -r skills/dreambase-<name> <your-project>/.claude/skills/Or install with the skills CLI (opens in a new tab):
# Interactive — pick from the repo's skills
npx skills add DreambaseAI/skills
# See what's available without installing
npx skills add DreambaseAI/skills --list
# Install specific skills by name (see per-skill commands in the catalog above;
# repeat --skill to install several at once)
npx skills add DreambaseAI/skills --skill <name> --skill <name>
When working inside this repo, all skills are auto-discovered via the .claude/skills symlink, so you can test them in place.
dreambase-skill-creator skill will guide the process (draft → test → evaluate → iterate).skills/dreambase-skill-creator/assets/skill-template/ to skills/dreambase-<name>/ and edit.Before committing, validate:
node skills/dreambase-skill-creator/scripts/validate-skill.mjs skills/dreambase-<name>
# or validate everything:
node skills/dreambase-skill-creator/scripts/validate-skill.mjs --allname = dreambase-<kebab-case>.references/.evals/evals.json and are committed; run outputs (*-workspace/ directories) are gitignored..mjs (Node built-ins only) or POSIX shell. We’re a Node/Next.js shop and Node is guaranteed everywhere our skills run.See skills/dreambase-skill-creator/ for the full standards.
main, last pushed 5 August 2026.SKILL.md, not by matching a directory convention. One layout observed: skills/*/SKILL.md.h1 and no skipped levels:/DreambaseAI/skills.md, and each chapter at its own .md URL.| Design and build data presentations — board, investor, QBR, readout, launch, sales, and keynote decks — as interactive self-contained web decks, native .pptx, Google Slides, or a build spec, with verified slide-craft specs, staged chart reveals, and presenter mechanics |
dreambase-public-reports (opens in a new tab) | Create disclosure-safe public artifacts from real or sensitive data using transformed visuals, constructive and honest storytelling, and explicit approval for visible percentages, rates, deltas, ratios, or indexes |
dreambase-industrial-schematics (opens in a new tab) | Create dark cinematic industrial/HUD technical schematics — orbital process rings, cel-shaded exploded machinery, holographic 2D/3D wireframe mesh charts with monochromatic hue themes, tick-strip components — as portable SVG/HTML, with zero-dep ring/ruler and 3D-mesh generators |
dreambase-micrographic-design (opens in a new tab) | Design in the micrographics style — compliance-labelling visual language (rating plates, care tags, spec sheets) used as intentional design: hairline rules, boxed compartments, tick scales, LABEL: value pairs, mark clusters, micro-typography, monochrome plus one safety accent — with the certification-mark legal guardrail |
dreambase-skill-creator (opens in a new tab) | Meta-skill for contributors: the standards, template, validator, and eval loop for building skills in this repo |