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.