Cinematic UI 2.0中文

Docs

The script, the kit, the screening room.

Everything Cinematic UI does, from install to delivery. New here? Start with Getting started.

git clone https://github.com/akseolabs-seo/cinematic-ui ~/.claude/skills/cinematic-ui
  1. 01Getting started with Cinematic UIInstall the Cinematic UI agent skill for Claude Code, Codex or any agent, run your first prompt, and learn the three cases where it stops to ask you.
  2. 02How Cinematic UI worksA site is a film whose playhead is the scrollbar. See the one rule behind Cinematic UI and how it differs from a typical premium-site prompt.
  3. 03The production: ten stages from logline to deliveryCinematic UI runs a real production in ten stages: logline, director, medium and grade, lead, screenplay, shot list, animatic, shoot, screening, delivery.
  4. 04Directors and films: casting by dramatic problemHow Cinematic UI casts a director by the product's dramatic problem, extracts testable mechanisms, and researches any film with sourced, tagged claims.
  5. 05Media and looks: what the picture is made ofPhotoreal 3D is one option, not the default. See the media Cinematic UI can cast from a film, from ink wash to pixel, and how the asset call works.
  6. 06Grades: casting a film's colour onto the pageHow Cinematic UI casts a grade from a film's own frames: 14 sourced looks in two families, grade-from-stills measurement, grade.js and drift checks.
  7. 07The director's rules and the lazy cut to refuseThe 13 rules Cinematic UI directs by, and the full list of lazy-cut patterns it refuses: what an undirected page looks like and why the shot gets reshot.
  8. 08App mode: directing dashboards and back officesCinematic UI 2.8 directs dashboards, admin panels and consoles with a task playhead, a signature view and eight designed states, screened by app-screening.
  9. 09The kit: files and what each doesEvery file in the Cinematic UI kit, from reel.js scroll scenes and designed cuts to grade.js, type-fx.js, plane.js and the app-mode rig, and what each needs.
  10. 10Scripts: screening, footage, grading and renderingThe Node scripts bundled with Cinematic UI: screening, grade-from-stills, find-footage, copy-check, render-film, generate-image, app-screening, with commands.
  11. 11Companion skills: cinematic-cut and cinematic-pptCinematic UI directs sites and apps. Promo films go to the companion skill cinematic-cut and decks to cinematic-ppt. Both are coming to this site soon.
  12. 12Honest limits and how Cinematic UI was testedWhat Cinematic UI has not verified (Safari, Firefox, real phones, screen readers), where procedural 3D falls short, and how blind agent tests shaped it.
  13. 13Cinematic UI FAQCinematic UI answers: licence, supported agents, 3D, image generation, browsers, naming a director, Chinese typesetting, and how it differs from a template.