skills.rest
wk-j
wk-jCOMMUNITY
Explore all skills by this author →
GitHub

create-opencode-theme

Convert palette JSON files into opencode theme JSON files.

Updated Mar 1, 2026
Search Tags:#automation#color palette#json#theme#UI design#opencode
One-click install
npx skills add https://github.com/wk-j/deep-focus-themes --skill create-opencode-theme
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: create-opencode-theme
Source: https://github.com/wk-j/deep-focus-themes/tree/main/.agents/skills/create-opencode-theme
Command: npx skills add https://github.com/wk-j/deep-focus-themes --skill create-opencode-theme

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires json, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the creation of custom UI themes for terminal applications that use opencode, reducing manual effort and ensuring consistency.

Core Features & Use Cases

  • Theme Generation: Converts a palette JSON into a fully structured opencode theme JSON file with correct color definitions.
  • Use Case: Developers designing a new theme can quickly produce a compatible theme file by providing their palette and theme name, facilitating rapid customization.
  • Quick Start: Provide the theme name and palette JSON path, then run the script to generate the theme.

Quick Start

Use this skill to generate an opencode theme file named 'tallow-light' using the palette located at 'tallow-light/palette/tallow-light.json'.

Frequently Asked Questions about create-opencode-theme

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

FAQPage Schema
How do I generate an opencode theme from a color palette JSON?▼

To generate an opencode theme, provide a theme name and the path to your palette JSON file. The script maps your palette colors directly into a fully structured opencode theme JSON file for deployment.

What is the process for converting a palette JSON into an opencode theme file?▼

Converting a palette JSON into an opencode theme file involves mapping existing palette colors to specific theme definitions. This creates a comprehensive theme JSON, streamlining deployment and ensuring visual consistency.

Can I use this theme generation script with any existing palette JSON?▼

Yes, you can use this script with any existing palette JSON. It requires the json dependency to read your palette and map the colors to the correct opencode theme definitions automatically.

How do I ensure visual consistency when creating custom terminal UI themes?▼

To ensure visual consistency when creating custom terminal UI themes, generate your opencode theme from a single source palette JSON. This maps defined colors directly to theme definitions, preventing manual color mapping errors.

What is the best way to automate opencode theme creation for rapid customization?▼

The best way to automate opencode theme creation is running a script that converts a palette JSON into a complete theme file. Provide the theme name and palette path to quickly produce a compatible JSON configuration.

Do I need to manually define color values for each UI element in an opencode theme?▼

No, you do not need to manually define color values for each UI element. The script automatically maps colors from your provided palette JSON to the correct opencode theme definitions, reducing manual effort.

Related Skills

Explore More Software Engineering Skills→
Young-ZYoung-Z
8

x-ipe-tool-brand-theme-creator

Generate X-IPE theme packages with tokens and visual previews from brand inputs.

Community
Advanced
kofttlcckofttlcc
14

theme-factory

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

Community
Basic
fluid-commercefluid-commerce

brand-compliance-check

Validate HTML and Liquid outputs against Fluid brand rules.

Official
Intermediate
NextSpark-jsNextSpark-js

design-system

Map CSS design tokens from NextSpark themes to mockup values.

Official
Intermediate