skills.rest
starit
staritCOMMUNITY
Explore all skills by this author →
Website𝕏@starit_publicGitHub

generate-theme

Generate a TypeScript createTheme() object from a natural-language description.

2|Updated Feb 4, 2026
Search Tags:#typography#typescript#design#theme#colors#generate#themed.js
One-click install
npx skills add https://github.com/starit/themed.js --skill generate-theme-starit
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: generate-theme
Source: https://github.com/starit/themed.js/tree/main/skills/generate-theme
Command: npx skills add https://github.com/starit/themed.js --skill generate-theme-starit

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generates a complete, ready-to-use Themed.js Theme object from a natural language description without requiring the library to be installed.

Core Features & Use Cases

  • Generate a TypeScript createTheme() object ready to paste into projects
  • Apply color theory to derive cohesive palettes, ensure WCAG-compliant contrast, and propose typography and shadows
  • Support optional custom data to embed brand data and metadata

Quick Start

Describe your desired theme in plain language and the skill will output a complete, ready-to-paste TypeScript Theme object.

Frequently Asked Questions about generate-theme

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

FAQPage Schema
How do I generate a TypeScript theme from a natural language description?▼

To generate a TypeScript theme from a natural language description, you provide plain text input and the skill outputs a complete createTheme() function call. It applies color theory and WCAG-compliant contrast rules to build the cohesive palette.

Does the theme generator ensure WCAG-compliant contrast for colors?▼

Yes, the theme generator ensures WCAG-compliant contrast for colors. It applies color theory to derive cohesive palettes and proposes typography and shadows, guaranteeing accessible contrast ratios within the output TypeScript createTheme() object.

Can I embed custom brand data and metadata into the generated Themed.js theme?▼

Yes, you can embed custom brand data and metadata into the generated Themed.js theme. The skill supports an optional custom data payload per the provided schema, integrating your specific brand information directly into the output TypeScript object.

Do I need to install Themed.js to create a ready-to-use theme object?▼

No, you do not need to install Themed.js to create a ready-to-use theme object. The skill constructs the complete TypeScript createTheme() call independently, generating a code snippet ready for pasting directly into your projects.

What is the best way to create a cohesive color palette for a TypeScript design system?▼

The best way to create a cohesive color palette for a TypeScript design system is using a natural language theme generator. It automatically applies color theory to derive matching colors, enforces WCAG contrast, and outputs a structured createTheme() object.

Related Skills

Explore More Design & Creative Skills→
karuhun-developerkaruhun-developer
5

tweakflux-theme-generator

Generate TweakFlux themes for Flux UI from descriptions, palettes, screenshots, or brand guidelines.

Official
Intermediate
Tahasaif3Tahasaif3

shadcn

Provide Radix UI-based components styled with Tailwind CSS for React interfaces.

Community
Intermediate
bizoton19bizoton19

508-audit

Audit federal websites for WCAG 2.1 AA accessibility compliance.

Community
Advanced
sipherxyzsipherxyz
1

ue-toolbar-extension

Generate C++ boilerplate code for custom toolbar buttons in Unreal Engine 5.7 asset editors.

Official
Intermediate