Design Engineering (agentsorg)

4/5 out of 5. Read the verdict

Lowercase Fredoka headlines, Nunito text, bright green and pressable buttons with a solid lip. For playful consumer apps.

Made by Agents

Design Engineering (agentsorg)
After: Tally landing page, made with Design Engineering (agentsorg)
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

4/5 out of 5

Passed the cut

Design Engineering gives Tally a playful, Duolingo-like look: lowercase Fredoka headlines over Nunito, bright green #58CC02 with red, orange, blue and purple each given one job, and buttons with a solid lip that press down. The landing page has a waving envelope mascot beside a phone, and the dashboard keeps the same voice, with a headline that reads "october is on track, except dining out" and a coin character offering to move $36. Both pages are clear, consistent and work well on a phone, though the style borrows heavily from one well-known app. Pick it for consumer apps that want to feel like a game.

Compare with Blue Cloudy Clean Modern (Meng To)

Pick it for

  • playful consumer apps
  • habit and learning apps
  • friendly onboarding

Skip it for

  • serious finance or enterprise
  • editorial brands

Install

1 Run in your terminal

npx degit agentsorg/design-engineering/skills/design-engineering#main .claude/skills/design-engineering

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 design-engineering folder from this repo.

Details

Made by

AgentsOrg

India

Hire Intelligence On-Demand

Is this you? Claim it

Type
Skill
GitHub stars
34*
Updated
today
License
MIT

Test runOpus 5.5Claude Code 2.1.303Oct 20, 2026generated in 8 minabout $2.19 at API pricescommit ee9170c

* Stars are for the whole agentsorg/design-engineering 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: 4 out of 5 [![Tested on Skills for Design: 4 out of 5](https://skillsfordesign.com/badge/design-engineering-agentsorg.svg)](https://skillsfordesign.com/s/design-engineering-agentsorg/)

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 4 out of 5

Lingo (Awesome Design Skills)

Skill · Visual directionGitHub stars 3.3k

Lingo makes Tally look like a language-learning app: Nunito everywhere, bright green buttons with a chunky 3D bottom edge, rounded cards and a friendly envelope mascot. The dashboard has a smiling coin next to the "Left to budget" card and color-coded envelope icons. It is cheerful and very consistent across both pages. Pick it for friendly consumer products aimed at beginners.

updated 4mo ago

Passed, score 3 out of 5

Waza UI

Skill · Visual directionGitHub stars 7.3k

Waza UI gives Tally warm cream paper, chunky Young Serif headlines in bottle green and vermilion, a hero panel of envelope tiles instead of a phone, numbered ledger rows for features and a vermilion envelope-flap call to action. The dashboard switches to Bricolage Grotesque on cream with a dark green accent and terracotta for overspending, and it looks much like the default. The landing has its own voice, but the palette stays in the cream-and-green family, the chart label for October is clipped and the phone dashboard scrolls sideways. Pick it for warm consumer brands that want a little more stamp and character than the default.

updated today

Passed, score 3 out of 5

Illustration: Ink Sketch (Meng To)

Skill · Visual directionGitHub stars 6.8k

Illustration: Ink Sketch gives Tally hand-inked mascots: a googly-eyed envelope with a coin buddy, a ringing alarm clock and two critters sharing a budget, with chunky Bricolage Grotesque and ink-outlined sticker buttons on warm paper. The dashboard has an envelope critter waving on grass. It is charming, but the mobile dashboard scrolls sideways and the inline drawings make the pages heavy. Pick it for playful brands.

updated today

Passed, score 3 out of 5

Skeuomorphic UI (Meng To)

Skill · Visual directionGitHub stars 6.8k

Skeuomorphic UI gives Tally tactile beige surfaces, embossed buttons and stacked shadows, in Fraunces and DM Sans, with a Manrope dashboard. It's a real texture change from the baseline, but the green and the serif stay, and the mobile dashboard scrolls sideways. Pick it for a playful, physical feel.

updated today

4/5 · passedInstall