CtrlK
BlogDocsLog inGet started
Tessl Logo

sharaf/theme-designer

Use when the user wants to design, critique, or refine a website theme, visual style, look and feel, branding, CSS theme, design system, tokens.css file, or CSS token system. Produces theme directions, typography/color/composition/motion systems, implementation-ready CSS custom properties, component motif rules, and light/dark/density variant strategy.

99

1.45x
Quality

100%

Does it follow best practices?

Impact

99%

1.45x

Average score across 7 eval scenarios

SecuritybySnyk

Passed

No known issues

Overview
Quality
Evals
Security
Files

task.mdevals/scenario-4/

Repair a Drifted Theme Token Handoff

Problem/Feature Description

The Harbor Climate Commons team has a theme direction for a civic climate data archive, plus an early tokens.css handoff from a previous contractor. The handoff is usable enough for a prototype, but it has drifted away from the direction: developers keep adding local values, component styles are starting to contradict each other, and accessibility review found several state and motion gaps.

Read:

  • inputs/theme-direction.md
  • inputs/current-tokens.css

Repair the handoff into a production theme system. Do not invent a fresh brand from scratch; preserve the strongest direction decisions and turn them into a coherent, reusable implementation layer.

Output Specification

Produce tokens.css and handoff-notes.md. The result should repair the existing handoff into a production system, preserve the source direction, and give future developers enough guidance to extend the archive without adding local exceptions.

evals

README.md

tile.json