skills.rest
akseolabs-seoakseolabs-seoCommunity·1 Agent Skills Included

cinematic-ui

Film-inspired website design with director-driven visual direction

Builds cinematic websites by researching a director and film, then translating cinematography, lighting, and pacing into layout, motion, and typography. Eliminates generic hero-feature-CTA templates, repeated demo shells, and visually average outputs through a four-phase decisions, storyboard, spec, and build workflow. Includes 18 design data libraries covering directors, compositions, camera shots, interactions, and color grades to produce unique premium sites faster.
58|16
↗
npx skills add akseolabs-seo/cinematic-ui --all -g -y
Available:

Instructs the agent to follow the director-and-film research workflow, complete the start questionnaire first, and preserve the decisions-to-storyboard-to-spec-to-build pipeline with the Demo Uniqueness Protocol.

All Skills in This Repository (1)

Pure Emerald Level Indicators
📦 In Repo
akseolabs-seoakseolabs-seo

cinematic-ui

Generate film-inspired websites from director research through a four-phase storyboard workflow.

Community
Advanced

Frequently Asked Questions

FAQPage Schema
How to install cinematic-ui?▼

Run `npx skills add akseolabs-seo/cinematic-ui --all -g -y` in your terminal to install the skill globally, then invoke it with /cinematic-ui in Claude Code.

How does cinematic-ui design websites?▼

It picks a director and film, researches their visual language, then translates that into decisions, storyboard, and compiled spec files before building the final HTML, CSS, and JS.

Does cinematic-ui work with Cursor, Codex, and Copilot?▼

Yes. It ships dedicated instruction files for Claude Code, Codex, Gemini, Cursor, Windsurf, and GitHub Copilot, all following the same workflow.

How does it stop websites from looking the same?▼

The Demo Uniqueness Protocol audits your previous outputs, bans repeated layout shells, and forces a different primary composition family for each new site.

Can non-designers use cinematic-ui?▼

Yes. You answer a short start questionnaire in plain language, and the agent handles the research, art direction, and code implementation for you.

Related Repositories in Design & Creative

View All in Design & Creative→
nextlevelbuildernextlevelbuilder
123.5k

ui-ux-pro-max-skill

AI design intelligence for professional UI, brands, and presentations

Official📦 13 Skills
shadcn-uishadcn-ui
122.7k

ui

Build and customize beautiful React component libraries with AI

Official📦 2 Skills
nexu-ionexu-io
93.2k

open-design

Open-source AI design studio for decks, prototypes, images, and video

Official📦 394 Skills