Premium Frontend Design (kv0906)
3/5 out of 5. Read the verdictNear-black pages in Bricolage Grotesque and mono, lime on the landing and marigold on the dashboard. For fintech and dev tools.
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
3/5 out of 5
Passed the cut
Premium Frontend Design gives Tally a near-black landing page with tight Bricolage Grotesque headlines, a lime #c8f542 accent and a tilted glass app card, then a warm dark dashboard lit by marigold #f4c152 with JetBrains Mono figures. Both pages are readable and work on a phone, and the dashboard's split income bar is a clear touch. A floating 'Sam moved $40' card covers an envelope name in the hero, the spending chart leaves a large empty gap above short bars, and the two pages use different accents. It looks like a lot of dark SaaS sites. Pick it for a dark product page for a fintech or developer tool.
Compare with Glassmorphism (Web Animation Skills)Pick it for
- dark product pages
- fintech apps
- developer tools
Skip it for
- warm consumer brands
- print or editorial looks
- light interfaces
Typography
Colors
Observations
- a floating card covers an envelope name in the hero
- the spending chart leaves a big empty gap above the bars
- lime landing and marigold dashboard don't match
Install
1 Run in your terminal
npx degit kv0906/cc-skills/skills/premium-frontend-design#main .claude/skills/premium-frontend-design2 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 premium-frontend-design folder from this repo.
Details
Made by
Technical PM | Building tools for AI-augmented product management
Is this you? Claim it
- Type
- Skill
- GitHub stars
- 16*
- Updated
- 6d ago
- License
- Not listed
- Best for
- Visual direction
Test runOpus 5.5Claude Code 2.1.303Oct 20, 2026generated in 6 minabout $1.72 at API pricescommit 9dcb9bb
* Stars are for the whole kv0906/cc-skills 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/premium-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 (Anthropic)
Anthropic's frontend-design gives Tally a mint-and-pastel landing page and a navy-and-manila ledger dashboard, both clearly new. The mobile landing page is wider than the phone, which caps the score.
updated 8d ago
Frontend Design UI/UX (ULPI)
Frontend Design UI/UX puts Tally on a ruled account-book page: pale mint paper with a red margin line, very tight Bricolage Grotesque headlines, Hanken Grotesk and IBM Plex Mono notes, a red-pen tally mark beside the headline and paper envelopes in the hero. The dashboard keeps the ledger with a near-black green sidebar, thin rules instead of cards, a huge $640 and tick-mark envelope bars that turn red past the limit marker. It is a committed idea carried across both pages, far from the default, and both work on a phone. The hero envelopes sit low and are cut by the fold at desktop width. Pick it for finance or utility apps that want a plain, crafted ledger feel.
updated 2mo ago
Premium (Awesome Design Skills)
Premium gives Tally the clean, bright SaaS treatment: white and light grey surfaces, Inter throughout, a bright blue accent and a dark closing panel. The dashboard is tidy and well spaced, with a donut gauge and blue bars. Nothing is wrong with it, but it looks like many fintech sites. Pick it if you want safe, polished and current.
updated 4mo ago
ECC Frontend Design Direction
ECC keeps a Fraunces and cream landing page but adds mono labels and a tilted sticky note. The IBM Plex dashboard is more useful than the baseline's, with a sync alert, search and person filters.