Enforce a four-phase cinematic website design workflow from questionnaire to compiled spec.
npx skills add https://github.com/Boboegg/cinematic-ui --skill cinematic-ui-boboegg
Please help me install this Agent Skill. Skill: cinematic-ui Source: https://github.com/Boboegg/cinematic-ui/tree/main Command: npx skills add https://github.com/Boboegg/cinematic-ui --skill cinematic-ui-boboegg
It prevents AI-generated websites from feeling generic, template-driven, or under-directed by forcing a film-and-director research workflow that turns cinematic grammar into implementable page structure, composition, and motion.
decisions.md, storyboard.md, compiled-spec.md, and only then generates implementation from a compiled, library-cited spec.Use cinematic-ui to design a homepage where you pick a director and a specific film, complete the start questionnaire, then generate decisions.md, storyboard.md, and compiled-spec.md before writing any frontend code.
High-intent search queries and answers about installing and using this skill.
Cinematic landing page design translates film director research into implementable website structure by extracting lighting, framing, rhythm, and motion behavior. It enforces a four-phase workflow: decisions, storyboard, compiled spec, then build.
To prevent generic AI websites, apply anti-garbage calibration constraints that reject common degeneration like feed-like grids, repeated entrances, and generic hero gradients. Use director-led storyboard planning to enforce cinematic grammar.
Storyboard-first workflow produces decisions.md, storyboard.md, and compiled-spec.md before generating any frontend code. This ensures cinematic composition and motion behavior are planned and library-cited before implementation.
Yes, cinematic UI composition accepts screenshots and URLs as inputs. It extracts cinematic composition, motion, and interaction grammar from these references while enforcing demo uniqueness constraints and anti-garbage quality checks.
Cinematic web design applies to film genres including noir, sci-fi, romance, thriller, action, and animation aesthetics. It selects a specific director and film to extract the source UI language for director-inspired product storytelling.
Director-led cinematic design requires completing a start-questionnaire gate before any workflow begins, enforces strict phase ordering, and audits prior outputs for wireframe-level uniqueness using a shell-ban list to prevent repetitive compositions.
akseolabs-seoGenerate film-inspired websites from director research through a four-phase storyboard workflow.
dylantarreMap Disney's 12 animation principles to UI motion guidelines.
azuma520Translate film research into storyboard-first website direction with motion guardrails.
lisposterConvert content into knowledge comics with storyboards, prompts, and PDFs.