Frontend Design (Ilm-Alan)
4/5 out of 5. Read the verdictMisprinted Times headlines in hot pink and teal on yellowed paper, kraft envelopes, tape and Courier. For playful indie brands.
Made by 
First screen only. Switch to side by side to read the full pages.
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
Ilm-Alan's Frontend Design turns Tally into a lo-fi print zine: yellowed paper, heavy Times headlines misregistered in hot pink and teal, Helvetica body and Courier labels, taped kraft envelopes and a stapled bill slip in the hero, halftone dots and prices on torn receipts. The dashboard keeps the idea, with each budget drawn as a paper envelope, a pink 'OVER' stamp on Dining out, halftone chart bars and upcoming bills on a receipt. It is a committed look, far from the default, but the hero envelopes cover each other's labels and the phone dashboard scrolls sideways. Pick it for indie, creative or youth brands that want a hand-made, printed feel.
Compare with Retro Print (Design Taste by Mustafa)Pick it for
- indie and creative brands
- zines, music and events
- playful consumer apps
- youth-focused products
Skip it for
- conservative finance or banking
- enterprise tools
- accessibility-critical services
Typography
Colors
Observations
- the phone dashboard scrolls sideways
- landing hero: the stacked envelopes hide the Groceries and Rent labels
- the misprint shadow makes headlines a little harder to read
Install
1 Run in your terminal
npx degit Ilm-Alan/frontend-design#main .claude/skills/frontend-design-ilm-alan2 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 frontend-design-ilm-alan folder from this repo.
Details
Made by
AI Engineer and Game Developer · LLM agents, MCP, Python, JavaScript/TypeScript · Browser games: Phaser, PixiJS, Three.js, WebGPU
Is this you? Claim it
- Type
- Skill
- GitHub stars
- 146*
- Updated
- 21d ago
- License
- MIT
- Best for
- Visual direction
Test runOpus 5.5Claude Code 2.1.303Oct 20, 2026generated in 5 minabout $1.09 at API pricescommit f8966e6
* Stars are for the whole Ilm-Alan/frontend-design 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
[](https://skillsfordesign.com/s/ilm-alan-frontend-design/) 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
Thanks, we have it.
We'll check the repo and email you when your name is on the listing.
Similar
Same brief, other skills
Liquid Glass Design (ECC)
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
Popular Web Designs (Hermes Agent)
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
Impeccable
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
Hallmark
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
Frontend Design (OpenCode Power Pack)
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
Taste Skill (design-taste-frontend)
Taste makes the boldest landing page in the set, a white Swiss poster with giant Anton type, electric blue and red. The dashboard looks like a different skill made it, and it scrolls sideways on a phone.
Riso (Awesome Design Skills)
Riso prints Tally in two inks: federal blue for headings and line art, fluorescent pink only on things you click, on warm grainy paper with halftone dots and offset print shadows. The dashboard keeps the same paper and two inks. It has a real point of view, but both mobile pages scroll sideways. Pick it for playful, print-loving brands.
updated 4mo ago
UI Designer (Conrad)
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.
updated 5mo ago