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-6/

Turn a Vague Ecommerce Theme Brief Into Implementation-Ready Art Direction

Problem/Feature Description

Quarry Supply sells durable home workshop equipment: clamps, vises, hand tools, benches, storage, and replacement parts. The founders have a vague theme brief and a rough token draft. They are unhappy with safe ecommerce sameness, but they also need a practical theme system that can handle dense product grids, filters, spec tables, comparison states, checkout, account pages, warranty copy, and parts diagrams.

Read:

  • inputs/theme-notes.md
  • inputs/token-draft.css

Create a complete theme direction and implementation handoff. You should move from vague taste notes to a specific, buildable visual system.

Output Specification

Produce theme-direction.md and tokens.css. The direction should move from vague taste notes to a recommended route and an implementation handoff that can govern the commerce flows and component families described in the inputs.

evals

README.md

tile.json