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.
概览
Turn director and film research into premium website rhythm, space, light, and composition. 繁體中文 · 简体中文 · 日本語 · Español · Français · Deutsch · 한국어 · Português · Tiếng Việt They give the AI a database of 67 styles, 161 color palettes, 50 component patterns — and the AI picks from the menu. The result is technically clean, occasionally polished, and reliably forgettable. The AI is not thinking. It is shopping. Instead of handing the AI a menu, this skill forces it to work the way a real film director does: 1. Research a specific director and a specific film — lighting logic, framing discipline, scene rhythm, material sense 2. Extract what makes that film's visual language work at a structural level 3. Develop an original visual thesis for the site: what kind of scene is this page? what composition is irreplaceable here? 4. Justify every layout decision against that film language 5.
README
以下为原文 README 节选，完整内容请查看原文。
Cinematic UI
Turn director and film research into premium website rhythm, space, light, and composition.
繁體中文 · 简体中文 · 日本語 · Español · Français · Deutsch · 한국어 · Português · Tiếng Việt
Why This Is Different
Most AI design skills are lookup tables.
They give the AI a database of 67 styles, 161 color palettes, 50 component patterns — and the AI picks from the menu. The result is technically clean, occasionally polished, and reliably forgettable. The AI is not thinking. It is shopping.
Cinematic UI is a thinking framework, not a materials library.
Instead of handing the AI a menu, this skill forces it to work the way a real film director does:
- Research a specific director and a specific film — lighting logic, framing discipline, scene rhythm, material sense
- Extract what makes that film’s visual language work at a structural level
推荐工具
换一个关键词，或者移除筛选条件。
安装
npx skillfish add azuma520/cinematic-ui