skills.rest
stahura
stahuraCOMMUNITY
Explore all skills by this author →
GitHub

domo-app-theme

Convert DESIGN.md color and typography definitions into App Studio theme JSON and CSS tokens.

19|13|Updated Jan 20, 2026
Search Tags:#css#design-system#color-palette#oklch#theme-json#domo#app-studio
One-click install
npx skills add https://github.com/stahura/domo-ai-vibe-rules --skill domo-app-theme
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: domo-app-theme
Source: https://github.com/stahura/domo-ai-vibe-rules/tree/main/skills/themes/domo-app-theme
Command: npx skills add https://github.com/stahura/domo-ai-vibe-rules --skill domo-app-theme

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Clean, structured theme assets are essential for rapid App Studio development. This skill converts DESIGN.md-based design tokens into fully-exportable App Studio outputs (JSON + pro-code CSS), ensuring consistent theming across projects.

Core Features & Use Cases

  • Converts DESIGN.md color, typography, and layout definitions into App Studio theme JSON and pro-code CSS.
  • Exports a complete color slot map (c1–c60), font slots (f1–f8), card chrome, navigation, and chart palettes ready for import.
  • Enables one-click theming for light/dark contexts and rapid brand-alignment in product dashboards.

Quick Start

Generate the App Studio theme JSON and pro-code CSS directly from the DESIGN.md input.

Frequently Asked Questions about domo-app-theme

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

FAQPage Schema
How do I convert a DESIGN.md color system into Domo App Studio theme JSON?▼

This skill converts your DESIGN.md color and typography definitions into Domo App Studio theme JSON by mapping them to canonical slot mappings (c1–c60, f1–f8) and generating a fully importable theme file.

What is the best way to generate CSS tokens for Domo app themes?▼

The best way to generate CSS tokens for Domo app themes is to use a design-native conversion process that exports pro-code CSS directly from your structured design system, ensuring consistent light and dark context theming.

Does this App Studio theme generator support dark mode palettes?▼

Yes, this App Studio theme generator supports dark mode palettes by applying canonical slot mappings and chart palettes to enable consistent theming across both light and dark contexts for Domo apps.

Can I use OKLCH color values in my Domo App Studio theme?▼

Yes, you can use OKLCH color values in your Domo App Studio theme. The skill processes your DESIGN.md color palette, including OKLCH formats, and translates them into the required App Studio theme JSON structure.

How do I avoid invalid font color references when building Domo themes?▼

To avoid invalid font color references when building Domo themes, this skill validates your font color mappings during generation, specifically preventing the use of the c60 slot for font colors to ensure UI compliance.

Are there limitations when exporting Domo App Studio theme JSON for programmatic deployment?▼

The main limitation when exporting Domo App Studio theme JSON is that font references must avoid the c60 slot. The exported artifacts are validated and structured for direct UI import or programmatic deployment without manual fixes.

Related Skills

Explore More Design & Creative Skills→
amaledtuningamaledtuning

design-md

Extract design tokens and visual language from Stitch projects into a DESIGN.md file.

Community
Advanced
mberetvasmberetvas

creating-streamlit-themes

Standardize Streamlit app theming with brand-aligned config.toml themes.

Community
Intermediate
stahurastahura
19

basic-app-studio

Automate App Studio CRUD workflows for Domo apps via community-domo-cli.

Community
Advanced
vathymutvathymut

theme-factory

Apply pre-set or custom color and font themes to slides, documents, and HTML artifacts.

Community
Basic