skills.rest
artmsilva
artmsilvaCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

create-theme

Define typed theme configurations for Stitches RSC with token exports.

2|Updated Jan 27, 2026
Search Tags:#typography#theme#design-system#design-tokens#stitches-rsc#token-structure
One-click install
npx skills add https://github.com/artmsilva/stitches-rsc --skill create-theme-artmsilva
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: create-theme
Source: https://github.com/artmsilva/stitches-rsc/tree/main/.claude/plugins/stitches-rsc-dev/skills/create-theme
Command: npx skills add https://github.com/artmsilva/stitches-rsc --skill create-theme-artmsilva

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill guides the creation of properly structured and typed theme configurations for Stitches RSC, ensuring consistency across tokens and exports.

Core Features & Use Cases

  • Step-by-step guidance to define color palettes, spacing scales, typography, radii, shadows, and other tokens.
  • Helps teams build a scalable design system by providing typed token structures and example configurations.
  • Use Case: when starting a new design system, apply this Skill to generate a complete theme blueprint with token maps and export-ready configuration.

Quick Start

Create a stitches config with a theme block using createStitches and export the theme tokens for colors, space, fonts, radii, and shadows.

Frequently Asked Questions about create-theme

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

FAQPage Schema
How do I define design tokens for a Stitches RSC theme configuration?▼

To define design tokens for a Stitches RSC theme, you create a structured theme object within createStitches that explicitly maps colors, spacing, typography, radii, and shadows to ensure token consistency and exportability.

What is the best way to structure a scalable design system using Stitches?▼

The best way to structure a scalable design system using Stitches is to define a typed theme configuration with explicit tokens and exports like styled, css, theme, createTheme, and getCssText.

Can I export theme variants for colors and typography using createStitches?▼

Yes, you can export theme variants for colors and typography by applying a structured theme object to createStitches, which generates export-ready configurations for your design tokens.

Does Stitches RSC support typed design token structures for a new design system?▼

Stitches RSC supports typed design token structures by guiding the creation of a theme block with step-by-step configuration for color palettes, spacing scales, typography, radii, and shadows.

Why does my Stitches theme configuration lack token consistency across exports?▼

Your Stitches theme configuration lacks token consistency if it does not use a properly structured theme object for createStitches with explicit token definitions and standardized exports.

Related Skills

Explore More Design & Creative Skills→
artmsilvaartmsilva
2

migrate-stitches

Migrate Stitches.js code to Stitches RSC by replacing package names and configuring Next.js or Vite build plugins.

Community
Advanced
gil00pitagil00pita

styled-components

Style React components with CSS-in-JS using styled-components.

Community
Advanced
Radiants-DAORadiants-DAO
1

radtools-component-create

Create RadTools-compatible React components with typed props and radOS tokens.

Official
Intermediate
neverinfamousneverinfamous
19

tailwind-css

Configure Tailwind CSS v4 themes using @theme tokens and class-based dark mode.

Community
Advanced