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

Audit a Competitor-Same Fintech Theme and Produce a Stricter System

Problem/Feature Description

Copperline Treasury builds cash-flow planning software for independent restaurants. Their prototype theme is polished, but every stakeholder says it looks like the same dark-blue fintech dashboard as everyone else. The product has dense forecasting tables, scenario comparison, invoice imports, bank connection status, alert states, restaurant-location groups, and onboarding.

Read:

  • inputs/theme-draft.md
  • inputs/component-notes.md

Produce a critique and a repaired theme system. Preserve credibility and trust, but make the product feel specific to restaurant treasury operations rather than generic B2B finance.

Output Specification

Produce theme-audit.md and tokens.css. The audit should explain why the prototype feels competitor-same, preserve credibility, and turn the restaurant treasury direction into a stricter production theme system for the product surfaces described in the inputs.

evals

README.md

tile.json