UI Designer (Conrad)

3/5 out of 5. Read the verdict

Kraft-paper cream, Fraunces, ink green and stamp red, with drawn envelopes and a rubber stamp. For warm, crafted brands.

Made by daniel-dan-conrad

UI Designer (Conrad)
After: Tally landing page, made with UI Designer (Conrad)
Baselineno skill installed
Before: Tally landing page, no design skill

Scroll either page; the other follows.

Every skill gets the same Tally brief, alone in a clean project. How we test

Our verdict

3/5 out of 5

Passed the cut

Conrad's UI Designer gives Tally a kraft-paper landing page: tight Fraunces headlines with an italic red 'a place', a stack of colored paper envelopes under a rotating '$0' rubber stamp, a ledger-row feature list and a red featured pricing envelope on a dark green band. The dashboard moves to Young Serif and Bricolage Grotesque with a forest green sidebar, envelope-shaped cards and a striped over-budget state. The details are crafted, but the palette stays in the cream, serif and forest green family of the default, a reminder card covers an envelope amount, and the phone landing page scrolls sideways. Pick it for warm consumer brands that want handmade touches.

Compare with Frontend Design (mager)

Pick it for

  • warm consumer brands
  • crafted, handmade looks
  • personal finance apps

Skip it for

  • dark interfaces
  • technical tools
  • a look far from the default

Observations

  1. the phone landing page scrolls sideways
  2. a reminder card covers an envelope amount in the hero
  3. the palette stays close to the default cream and forest green

Install

1 Run in your terminal

npx degit daniel-dan-conrad/ui-designer-skill#main .claude/skills/ui-designer

2 Or paste a prompt into Claude Code, Codex, Cursor or Gemini

It tells your tool to install this from its source repository.

This install is for Claude Code only; for other agents use Copy prompt or copy the skill folder.

Copies just this skill's folder into your project's .claude/skills.

Check the source for the latest instructions.

We installed the ui-designer folder from this repo.

Details

Made by

Is this you? Claim it

Type
Skill
GitHub stars
0*
Updated
5mo ago
License
Not listed

Test runOpus 5.5Claude Code 2.1.303Oct 20, 2026generated in 6 minabout $1.31 at API pricescommit 5ed1f33

* Stars are for the whole daniel-dan-conrad/ui-designer-skill repository.

Made this skill?Put your score on your README, and claim this page for a link to your site.

1. Put your score on your README

Tested on Skills for Design: 3 out of 5 [![Tested on Skills for Design: 3 out of 5](https://skillsfordesign.com/badge/ui-designer-conrad.svg)](https://skillsfordesign.com/s/ui-designer-conrad/)

The badge links here. If a retest changes the score, it updates by itself.

2. Claim this page

Get a free backlink to your site.

  • A followed link, not nofollow. From the page about your skill, on a site about design skills, to your portfolio, product or studio. Search engines count it.
  • Your name on the page. Credited as the maker, right under the description, where every visitor sees it.
  • Free. Usually live within a few days.

How it will look

We check that you maintain the repo, then add your name and link, usually within a few days. Privacy

Similar

Same brief, other skills

Tally landing page made with Liquid Glass Design (ECC) Passed, score 4 out of 5

Liquid Glass Design (ECC)

Skill · Visual directionGitHub stars 283k

Liquid Glass Design builds Tally out of frosted glass panels floating over soft mint, peach and periwinkle light, set in Bricolage Grotesque and DM Sans. The dashboard keeps the glass in Manrope and stays readable. Pick it if you want a friendly, Apple-flavored product that looks nothing like the cream-and-serif default.

updated 2d ago

Tally landing page made with Popular Web Designs (Hermes Agent) Passed, score 4 out of 5

Popular Web Designs (Hermes Agent)

Skill · Visual directionGitHub stars 256k

Popular Web Designs gives Tally the Wise treatment: very heavy black Inter headlines, a lime highlight box around 'job.', pill buttons, big rounded cards and a black pricing band with a lime Plus plan. The dashboard follows through with a black 'left to budget' card in huge lime numerals, lime envelope bars and a lime October bar. It is far from the default and holds together on both pages and on a phone, though the tight headline leading lets lines collide and a sync chip covers the Groceries label in the hero. Pick it when you want a bright, confident consumer fintech look and are happy to start from a known brand's style.

updated today

Tally landing page made with Impeccable Passed, score 4 out of 5

Impeccable

Skill · Visual directionGitHub stars 82k

Impeccable drops the cream-and-serif default for a loud navy, orange and primary-color landing page set in heavy Archivo, then builds a calmer pine-and-lime dashboard. Pick it if you want a product page with real energy that still holds up on a dense screen.

updated 1d ago

Tally landing page made with Hallmark Passed, score 4 out of 5

Hallmark

Skill · Visual directionGitHub stars 30k

Hallmark turns Tally into a cheerful yellow-and-pastel brand in Plus Jakarta Sans with big ghost numerals, and the dashboard matches it. The most consistent result in the set, but it took about 12 minutes per brief.

updated 2mo ago

Also good for these

Passed, score 3 out of 5

Frontend Design (OpenCode Power Pack)

Skill · Visual directionGitHub stars 544

OpenCode Power Pack's Frontend Design gives Tally a cash-envelope ledger: ruled cream paper, a headline mixing light, black and red italic Fraunces, stacked kraft envelopes with a receipt, IBM Plex Mono figures and buttons with red offset shadows. The dashboard follows with a tall Instrument Serif 'October 2026', DM Mono numbers on ruled paper and a dark bottle-green sidebar. It is committed and consistent, but the cream, serif and forest green palette stays close to the default family. Pick it for a warm finance brand that wants more character than the default.

updated today

Passed, score 3 out of 5

Theme Factory (Anthropic)

Skill · Visual directionGitHub stars 182k

Theme Factory picked a forest-and-marigold theme for the landing page, in Fraunces and DM Sans, and a separate forest-and-olive one in Source Serif 4 and Figtree for the dashboard. Both are tidy, but they stay in the cream-and-green family of the default. A floating 'Rent due Friday' card covers the hero balance. Pick it for quick, warm theming.

updated 8d ago

Passed, score 3 out of 5

Garden Web Design Engineer

Skill · Visual directionGitHub stars 13k

Garden's web-design-engineer trades Fraunces for Young Serif and adds an orange-red accent with sage. It's a warm variation on the default, and it repeats the default's habit of a hero card covering the mockup.

Passed, score 3 out of 5

Top Design (wondelai)

Skill · Visual directionGitHub stars 2.5k

Top Design treats Tally like a printed ledger: warm paper, a very large Fraunces headline ("Every dollar, accounted for.") with a red tally mark that draws itself, and the same mark as the logo. The dashboard sets "$640." huge in Instrument Serif over a single split bar, with one persimmon accent. It is elegant and has a clear idea, though the warm paper and serif are near the default. Pick it for premium, editorial product pages.

updated 37d ago

3/5 · passedInstall