whisk-theme

Extract brand colors, logos, and typography to generate theme.json and custom.css.

Updated Jan 23, 2026
One-click install
npx skills add https://github.com/brainfish-ai/devdoc --skill whisk-theme
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: whisk-theme
Source: https://github.com/brainfish-ai/devdoc/tree/main/templates/starter/.claude/skills/whisk-theme
Command: npx skills add https://github.com/brainfish-ai/devdoc --skill whisk-theme

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill analyzes a repository to generate a cohesive branding theme for documentation by extracting brand colors, logos, and typography.

Core Features & Use Cases

  • Brand scan and color extraction from repository configurations and style sheets
  • Logo and font detection to ensure visual consistency across docs
  • Auto-generation of theme.json and custom.css with branded tokens that can be dropped into existing projects
  • Use Case: A design team wants to roll out a consistent look across multiple docs sites without manual theme tweaking

Quick Start

Run the whisk-theme skill to generate a branded theme for your repository.

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 branded documentation theme from an existing repository?

To generate a branded documentation theme, this skill analyzes your repository to extract brand colors, logos, and typography, then outputs a cohesive theme.json and custom.css with branded tokens for your docs.

How does logo and font detection work for creating consistent documentation sites?

Logo and font detection for documentation sites works by scanning your repository configurations and style sheets to identify existing visual assets, ensuring visual consistency is applied automatically across multiple pages and components.

Can I extract brand colors from my repository to use as CSS tokens?

Yes, you can extract brand colors from your repository. The skill performs a brand scan on your style sheets and configurations to identify colors and auto-generate custom CSS tokens for your design system.

What is the best way to apply a cohesive branding theme across multiple product docs?

The best way to apply cohesive branding across multiple product docs is to extract branding cues from a repository and generate a single theme.json with standardized tokens, allowing you to roll out a consistent look without manual tweaking.

Do I need external tools to generate theme.json and custom CSS from my repository?

No, you do not need external tools to generate theme.json and custom CSS. The skill satisfies theme generation from repository branding cues using only standard environment access without additional dependencies.

When should I not use automated theme generation for my documentation sites?

You should avoid automated theme generation when your repository lacks existing branding configurations or style sheets, as the skill relies on detecting those specific cues to extract colors, logos, and typography.