Cinematic Motion (Design Taste by Mustafa)

3/5 out of 5. Read the verdict

Warm studio paper, tight Inter Tight headlines, mono scene labels and one electric blue. For launches and portfolios.

Made by Ghulam Mustafa · 10 more skills

Cinematic Motion (Design Taste by Mustafa)
After: Tally landing page, made with Cinematic Motion (Design Taste by Mustafa)
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

Cinematic Motion gives Tally warm studio paper, tight Inter Tight headlines, IBM Plex Mono scene labels like "00 Opening credits" and one electric blue #0F4BFD. The landing has a live hero dashboard, a drag carousel and dark sections that pin and scrub on scroll; the dashboard leads with "October has $640 to give a job." beside an ink sidebar, with black chart bars and blue only where attention is needed. The dashboard is the stronger page. On the landing, the pinned sections show as large empty dark blocks in a full-page view and a feature marquee runs off the edge, and the phone dashboard scrolls sideways. Pick it for launches and portfolios that want scroll storytelling.

Compare with Design Taste (h3nryprod01)

Pick it for

  • product launches
  • portfolios and agencies
  • scroll storytelling

Skip it for

  • dense data pages
  • plain static sites

Observations

  1. pinned landing sections show as large empty dark blocks
  2. the phone dashboard scrolls sideways

Install

1 Run in your terminal

npx degit madebymustafa/design-taste/skills/cinematic-motion#main .claude/skills/cinematic-motion

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 cinematic-motion folder from this repo.

Details

Made by

Ghulam Mustafa

United Kingdom · Toptal

I'm just here for the vibes, man

Is this you? Claim it

Type
Skill
GitHub stars
178*
Updated
2mo ago
License
MIT

Test runOpus 5.5Claude Code 2.1.303Oct 20, 2026generated in 7 minabout $1.52 at API pricescommit c4a6bff

* Stars are for the whole madebymustafa/design-taste 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/design-taste-mustafa-cinematic-motion.svg)](https://skillsfordesign.com/s/design-taste-mustafa-cinematic-motion/)

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 GPT Taste (Taste Skill) Passed, score 3 out of 5

GPT Taste (Taste Skill)

Skill · Visual directionGitHub stars 99k

GPT Taste builds a soft, polished Tally in Geist on warm paper, with mint and amber gradients, a dark green band and a huge 'tally' wordmark in the footer. The dashboard is a clean moss-green layout. Pick it for a well-finished startup page, though the green comes straight from the default.

updated today

Tally landing page made with Apple Design (Emil Kowalski) Passed, score 3 out of 5

Apple Design (Emil Kowalski)

Skill · Visual directionGitHub stars 47k

Emil Kowalski's Apple design skill goes for the iOS feel: the system font, an off-white canvas, a green accent and a drag-to-move-money demo that behaves like a native control. The dashboard switches to Inter with Apple's system colors. Pick it if motion and touch feel matter more than a bold look.

updated 6d ago

Tally landing page made with Emil Kowalski Skills Passed, score 3 out of 5

Emil Kowalski Skills

Skill · Motion and videoGitHub stars 47k

Emil's design-eng skill keeps a cream-and-forest landing page in Instrument Serif with a tilted phone, and builds a clean near-white Geist dashboard. The landing page repeats the baseline's hero overlap.

updated 6d ago

Tally landing page made with Motion Web Passed, score 3 out of 5

Motion Web

Skill · Visual directionGitHub stars 765

Motion Web gives Tally an editorial landing page: paper #f1ece1, a huge Instrument Serif headline with 'accounted' in vermilion italic, JetBrains Mono labels, line-drawn envelopes that fill with a sample paycheck, and a big 'iOS / Android' type band. The dashboard does not follow; it falls back to a green sidebar, Fraunces numbers and cream cards close to the default. Pick it for a motion-led landing page, and plan to restyle the app screens.

updated 32d ago

Also good for these

Passed, score 4 out of 5

Agency Grid Layout Minimal (Meng To)

Skill · Visual directionGitHub stars 6.8k

Agency Grid Layout Minimal turns Tally into a Swiss-style studio page: grey paper, huge light Inter Tight headlines with a darker second line, hairline rules and JetBrains Mono labels. The dashboard is the same: a giant "$640 left to budget", thin progress lines and one black bar in the chart. Pick it if you want a calm, typographic product page that looks designed rather than templated.

updated today

Passed, score 4 out of 5

Brutalist Industrial (Design Taste by Mustafa)

Skill · Visual directionGitHub stars 178

Brutalist Industrial gives Tally a declassified blueprint: huge uppercase Archivo headlines, IBM Plex Mono labels, 1px black rules around every cell, warm paper and safety orange as the only accent. The landing indexes features as F.01 to F.04, fills the Plus pricing column in orange and ends on a giant TALLY wordmark; the dashboard keeps the same voice with an OCTOBER 2026 headline, black and orange summary blocks and a ruled envelope table. A few labels collide, such as the chart's average tag and a clipped rent figure, and the hero envelope bars on the landing render empty. Pick it for products that want to look like an instrument or a technical document.

updated 2mo ago

Passed, score 3 out of 5

Design Taste (Mustafa)

Skill · Visual directionGitHub stars 178

Mustafa's Design Taste gives Tally a quiet paper ledger: light Fraunces headlines with italic emphasis, Instrument Sans text, IBM Plex Mono labels, hairline rules, square buttons and one ledger green on warm paper. The dashboard follows in Newsreader, with a large $640.00 figure, ruled envelope rows with pace ticks and a rust over-budget bar. It is more deliberate and editorial than the default, but its cream, serif and forest-green palette stays very close to it. Pick it for finance or editorial products that want a calm, print-like feel.

updated 2mo ago

Passed, score 4 out of 5

Editorial Minimal (Design Taste by Mustafa)

Skill · Visual directionGitHub stars 178

Editorial Minimal gives Tally a printed broadsheet: light Fraunces headlines with one italic vermilion word, IBM Plex Mono section numbers, hairline rules and an "In this issue" index beside the hero. The dashboard keeps the voice in Newsreader, opening with "You have $640 left to give a job" next to a ruled column of figures, and lists envelopes as a numbered table with one red over-budget bar. The background is cream like the default, but the green, the phone mockup and the cards are all gone, and both pages read well on a phone. Pick it for a calm, print-inspired product that lets type do the work.

updated 2mo ago

3/5 · passedInstall