skills.rest
dantech0xff
dantech0xffCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

kta-compose-design-tokens

Generate Kotlin Compose design tokens from Stitch, Figma, or Codex Design seeds.

4|Updated May 7, 2026
Search Tags:#codex#figma#kotlin#compose#design-tokens#stitch
One-click install
npx skills add https://github.com/dantech0xff/dreams --skill kta-compose-design-tokens
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: kta-compose-design-tokens
Source: https://github.com/dantech0xff/dreams/tree/main/.agents/skills/kta-compose-design-tokens
Command: npx skills add https://github.com/dantech0xff/dreams --skill kta-compose-design-tokens

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This skill automates the creation of Kotlin Compose design tokens from seed design sources (Stitch, Figma, or Codex Design), turning scattered design specs into a consistent token system.

Core Features & Use Cases

  • Converts a single seed source into a three-layer token architecture: Primitive, Semantic, and Component tokens.
  • Supports three seed sources (Stitch, Figma MCP/JSON, Codex Design) and refuses any other input.
  • Produces ready-to-use Kotlin files and a theme registration snippet, ready for integration into a Kotlin project.
  • Use case: generate a complete token set from a Figma design spec to speed up UI theming across an app.

Quick Start

Provide a seed design input (Stitch, Figma, or Codex) and run the generator to produce Kotlin Compose token files.

Frequently Asked Questions about kta-compose-design-tokens

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

FAQPage Schema
How do I generate Kotlin Compose design tokens from Figma or Stitch?▼

You can generate Kotlin Compose design tokens from Figma or Stitch by providing a seed input and running the generator to auto-create Primitive, Semantic, and Component token layers plus theme wiring as Kotlin files.

What is the three-layer token architecture in Kotlin Compose?▼

The three-layer token architecture in Kotlin Compose consists of Primitive, Semantic, and Component tokens. This structure organizes raw design specs into a consistent, hierarchical system for UI theming.

Can I use Codex Design as a seed source to create Compose theme files?▼

Yes, you can use Codex Design as a seed source to create Compose theme files. The generator supports Stitch, Figma MCP/JSON, and Codex Design, but refuses any other input formats.

How do I set up a single-source design token system for a Kotlin app?▼

To set up a single-source design token system for a Kotlin app, validate your seed input and apply the generator to produce ready-to-use Kotlin files under a configured package, enforcing single-source mode.

What are the supported seed inputs for Kotlin Compose token generation?▼

Supported seed inputs for Kotlin Compose token generation are Stitch, Figma MCP/JSON, and Codex Design. The system validates input seeds and enforces single-source mode, refusing any unsupported formats.

Does the generator include theme registration snippets for Kotlin projects?▼

Yes, the generator includes theme registration snippets for Kotlin projects. It produces ready-to-use Kotlin files and a theme registration snippet for direct integration into your project.

Related Skills

Explore More Software Engineering Skills→
lushly-devlushly-dev
4

implement-designs

Extract Figma design tokens and convert them to CSS custom properties.

Official
Advanced
marcosgcr3marcosgcr3

design-system

Generate structured design token systems and brand-compliant HTML slide assets.

Community
Advanced
plinioupliniou

skill-compose

Implement Android presentation layers with Jetpack Compose and Material 3.

Community
Advanced
NammDevNammDev
2

design-system

Apply a three-layer token architecture to standardize design tokens and theming.

Community
Advanced