Cosmic (Awesome Design Skills)
3/5 out of 5. Read the verdictA sci-fi style with dark themes, vivid neon accents and spatial elements. From bergside's Awesome Design Skills.
First screen only. Switch to side by side to read the full pages.
Scroll either page; the other follows.Full Cosmic (Awesome Design Skills) pageFull baseline
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
Cosmic sets Tally in deep space: a starfield, blue-to-violet neon glows, Audiowide headings and JetBrains Mono text. The landing hero is an animated orbit with envelopes circling the monthly budget; the dashboard uses frosted-glass cards and an orbit-ring gauge. It is distinct and consistent, but the mobile landing scrolls sideways. Pick it for space, gaming or futuristic brands.
Pick it for
- gaming and sci-fi brands
- crypto and web3 products
- event pages
- dark product dashboards
Skip it for
- conservative finance brands
- accessibility-first products
- light, calm products
Typography
Colors
Observations
- neon glows on dark blue lower contrast for small text
- landing mobile: 416 px wide on a 390 px screen, so it scrolls sideways
Install
1 Run in your terminal
npx degit bergside/awesome-design-skills/skills/cosmic#main .claude/skills/cosmic2 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 tested the cosmic skill from this repo.
Details
- Type
- Skill
- GitHub stars
- 3,255*
- Updated
- 4mo ago
- License
- MIT
- Best for
- Visual direction
Test runOpus 5.5Claude Code 2.1.303Oct 18, 2026generated in 6 minabout $1.31 at API pricescommit f631a09
* Stars are for the whole bergside/awesome-design-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/awesome-design-skills-cosmic/) 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. 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
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
Huashu Design
Huashu swaps Fraunces for Bricolage Grotesque and puts a lime highlighter on a deep forest green. It keeps envelopes as real kraft cards and carries the look into a tidy dashboard. A safe, distinct choice for consumer finance.
updated 4d ago
Also for these tasks
Brutalism (Awesome Design Skills)
Brutalism builds Tally from concrete: a speckled grey grid, 4px black rules, hard offset shadows and huge uppercase Darker Grotesque, with terracotta and ochre blocks. The landing hero is a crooked ledger of envelope budgets; the dashboard uses giant condensed numbers and solid color blocks. It has a strong point of view, but the mobile dashboard scrolls sideways badly. Pick it for bold, design-forward brands.
updated 4mo ago
Fantasy (Awesome Design Skills)
Fantasy recasts Tally as a royal treasury: a starry navy hero, New Rocker display type, gold accents, envelopes as "coffers" and plans named Squire, Knight and Guild. The dashboard has a deep-blue sidebar with a gold crest and gold-cornered cards. The theme is fun and consistent, but the light dashboard is calmer than the landing. Pick it for gaming or playful brands.
updated 4mo ago
Flat (Awesome Design Skills)
Flat gives Tally solid color blocks with no shadows or gradients: Inter type, a bright tangerine, tinted feature cards and an orange "how it works" band. The dashboard uses a dark sidebar and one tangerine tile for "Left to budget", with a bright color per envelope. It is clean and cheerful. Pick it for friendly products that want a simple, flat look.
updated 4mo ago
Immersive (Awesome Design Skills)
Immersive sets Tally on one deep-green canvas like a museum exhibit: white cards with thick black borders and hard shadows, cobalt and hot-pink blocks, condensed Oswald headlines and slanted arcade buttons. Features are "Exhibit 01-04" and pricing is "Pick your ticket". The dashboard keeps the same look. It is loud and distinct, but both mobile pages scroll sideways, the dashboard only a little. Pick it for playful, story-led brands.
updated 4mo ago