CtrlK
BlogDocsLog inGet started
Tessl Logo

theme-factory

Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.

Install with Tessl CLI

npx tessl i github:davepoon/buildwithclaude --skill theme-factory
What are skills?

55

Does it follow best practices?

Validation for skill structure

SKILL.md
Review
Evals

Evaluation results

100%

80%

Style the SynthWave Tech Landing Page

Theme application from themes directory

Criteria
Without context
With context

Electric Blue used

0%

100%

Neon Cyan used

0%

100%

Dark Gray background

0%

100%

White text color

0%

100%

Header font correct

0%

100%

Body font correct

0%

100%

No incorrect hex codes

100%

100%

Colors applied throughout

0%

100%

No FreeSans font

100%

100%

Output file exists

0%

0%

Without context: $0.3141 · 1m 26s · 18 turns · 130 in / 5,470 out tokens

With context: $0.2684 · 59s · 12 turns · 340 in / 3,759 out tokens

100%

12%

Create a Branded Theme for a Luxury Wellness Spa

Custom theme generation and application

Criteria
Without context
With context

Theme spec file exists

100%

100%

Descriptive theme name

20%

100%

Hex codes in spec

100%

100%

Font choices in spec

100%

100%

Spec created before styled page

100%

100%

Styled page uses spec colors

100%

100%

Styled page uses spec fonts

100%

100%

Colors applied throughout

100%

100%

Warm/neutral palette fit

100%

100%

Without context: $0.2932 · 1m 32s · 13 turns · 20 in / 6,093 out tokens

With context: $0.4609 · 1m 46s · 22 turns · 352 in / 6,514 out tokens

100%

60%

Style the Harvest Table Restaurant Pitch Deck

Multi-section theme consistency

Criteria
Without context
With context

Mustard Yellow used

0%

100%

Terracotta used

0%

100%

Warm Beige used

100%

100%

Chocolate Brown used

0%

100%

Header font FreeSans Bold

0%

100%

Body font FreeSans

0%

100%

No DejaVu fonts

100%

100%

All 5 sections styled

100%

100%

No wrong theme colors

100%

100%

Without context: $0.3197 · 1m 35s · 13 turns · 19 in / 6,247 out tokens

With context: $0.4834 · 1m 47s · 23 turns · 389 in / 6,648 out tokens

Evaluated
Agent
Claude Code

Table of Contents

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.