whisk-theme

Generate theme.json and custom.css from repository branding cues.

60|2|Updated Jan 26, 2026
One-click install
npx skills add https://github.com/reasondb/reasondb --skill whisk-theme-reasondb
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: whisk-theme
Source: https://github.com/reasondb/reasondb/tree/main/docs/.claude/skills/whisk-theme
Command: npx skills add https://github.com/reasondb/reasondb --skill whisk-theme-reasondb

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Branding and theming for documentation is often manual, time-consuming, and inconsistent across projects. whisk-theme abstracts branding cues from a repository and generates a cohesive documentation theme that aligns with the product.

Core Features & Use Cases

  • Brand discovery: scans the repository for logos, fonts, and color tokens.
  • Theme generation: outputs theme.json and custom.css that reflect the brand across docs.
  • Quick-start templates: provides ready-to-use branded components for navigation, typography, and UI elements.

Quick Start

Use whisk-theme on your repository to generate a branded documentation theme including theme.json and custom.css.

Frequently Asked Questions about whisk-theme

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a documentation theme from my existing brand colors and logos?▼

To generate a documentation theme, whisk-theme scans your repository for existing logos, fonts, and color tokens, then automatically outputs a cohesive theme.json and custom.css tailored to your product brand.

What is brand-guided theming for product documentation?▼

Brand-guided theming is the process of extracting visual cues like logos and typography from a repository to produce a cohesive documentation theme, ensuring your docs visually align with the product's design system.

Can I use whisk-theme to automate documentation styling across multiple projects?▼

Yes, you can automate documentation styling by applying whisk-theme to any repository, which extracts branding cues and generates consistent theme.json and custom.css files, reducing manual theming effort across projects.

Does whisk-theme work with my repository's existing design system tokens?▼

whisk-theme works by scanning your repository for existing design system tokens, including brand colors and fonts, to automatically generate a matching documentation theme without requiring external dependencies.

What's the best way to customize documentation visuals to match my product style?▼

The best way to customize documentation visuals is extracting branding cues directly from your repository, which allows whisk-theme to generate ready-to-use branded components for navigation, typography, and UI elements.

What files does whisk-theme output for documentation theming?▼

whisk-theme outputs theme.json and custom.css files, which together apply your extracted brand colors, logos, and typography to create a cohesive visual theme across your documentation site.