{"repo":"akseolabs-seo/cinematic-ui","free":true,"listed":false,"github":"https://github.com/akseolabs-seo/cinematic-ui","clone":"git clone https://github.com/akseolabs-seo/cinematic-ui.git","description":"A reasoning-first cinematic web design skill. Makes AI think like a film director — research a real film, extract its visual language, translate it into page narrative and composition. Not a style picker. A director's workflow. 讓 AI 像電影導演一樣思考的網站設計 Skill。研究真實電影語言、轉譯成頁面敘事與構圖。不是風格選單，是導演工作流。","language":null,"stars":62,"topics":["antigravity-skills","claude-code","claude-skills","codex-skills","design","webdesign","ai"],"license":"MIT","category":"mcp-servers","readme_excerpt":"Cinematic UI A cross-agent skill for designing websites using a director-and-film research workflow. 繁體中文 · 简体中文 --- Demo No references provided. No instructions given. Director and film picked at random. Single-pass output. --- What It Is cinematic-ui is a skill package for AI coding agents (Claude Code, Codex, Cursor, Windsurf, Gemini, Copilot). It guides the agent through a structured workflow for building websites: 1. Pick a director and a specific film 2. Research that film's visual language (cinematography, lighting, rhythm, material) 3. Translate the research into web artifacts: decisions.md , storyboard.md , compiled-spec.md 4. Implement HTML / CSS / JS from the spec The film is research input, not a spec sheet. The agent's job is to extract structural patterns from cinema and translate them into layout, composition, motion, and typography. --- Workflow Phase Work Output ------- ------ -------- Phase 1 Start questionnaire, choose director + film, uniqueness audit, research decisions.md Phase 2 Site-wide cinematic grammar, per-page scene thesis, signature composition storyboard.md Phase 3 Camera, interaction, composition, texture, typography per storyboard compiled-spec.md Phase 4 Implement, add reduced-motion + responsive, run anti-garbage checks HTML / CSS / JS Phase 2 internal order is fixed: site-wide grammar → per-page thesis → per-page composition → shared system. --- Supported Tools Tool Entry File Install Path ------ ----------- -------------- Claude Code CLAUD","default_branch":null,"files":null,"tree":[],"storefront":"/r/akseolabs-seo","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/akseolabs-seo/cinematic-ui/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}