tidyfactor/cinematic/cinematic

Claude Code and agent skill by tidyfactor/cinematic

Trust tier 3
  • community
Source check pending

Checking that the SKILL.md file is still in the repository.

Universal AI Agent Skill for building single-file, scroll-driven luxury landing pages (Apple x Cartier aesthetic) with zero build step, GSAP, Lenis, and scrubbed canvas frame sequence films. Trigger on commands 'brief', 'init', 'brand', 'media', 'film', 'hero', 'theme', 'typeface', 'transitions', 'i18n', 'perf', 'a11y', 'deploy', or requests for cinematic product launch pages.

Install

npx vskill@latest install tidyfactor/cinematic/cinematic

SKILL.md

TidyFactor Cinematic (Scroll-Driven Luxury Landing Pages)

A command dispatcher for luxury scroll-driven landing pages (Apple × Cartier aesthetic). This router declares commands and workflows without performing execution directly.

Commands

User intentCommandWhat it loads
Strategic Luxury Discovery & Brief Resolutionreferences/commands/brief.mdreferences/workflows/brief.md + references/memory/decision-points.md + references/memory/quality-bar.md
Primary deliverable — full working cinematic pagereferences/commands/init.mdreferences/workflows/init.md + references/memory/10-use-cases.md + references/memory/11-brand-json.md
Read/scaffold brand.json and tokensreferences/commands/brand.mdreferences/commands/brand.md + references/memory/11-brand-json.md
Extract brand.json tokens from an existing sitereferences/commands/clone-brand.mdreferences/commands/clone-brand.md + references/memory/15-brand-extraction.md
Media pipeline providers (Nano Banana, Qwen, Higgsfield)references/commands/media.mdreferences/commands/media.md + references/memory/06-media-pipeline.md
Canvas frame sequence scrubbing enginereferences/commands/film.mdreferences/commands/film.md + references/memory/02-scroll-film-canvas.md
Cinematic hero fold, luxury badges, CTAsreferences/commands/hero.mdreferences/commands/hero.md + references/memory/04-cinematic-hero.md
Color themes, dark obsidian, gold radial glowsreferences/commands/theme.mdreferences/commands/theme.md + references/memory/05-theming.md
Luxury Arabic & Latin typography pairingsreferences/commands/typeface.mdreferences/commands/typeface.md + references/memory/12-arabic-typography.md
GSAP ScrollTrigger section pinning & revealsreferences/commands/transitions.mdreferences/commands/transitions.md + references/memory/03-seamless-transitions.md
Bilingual support & Arabic RTL typographyreferences/commands/i18n.mdreferences/commands/i18n.md + references/memory/12-arabic-typography.md
Performance budget & image asset compressionreferences/commands/perf.mdreferences/commands/perf.md + references/memory/13-performance-budget.md
Accessibility audit & keyboard navigationreferences/commands/a11y.mdreferences/commands/a11y.md + references/memory/14-accessibility.md
Convert existing page into cinematic enginereferences/commands/convert.mdreferences/workflows/convert.md + references/memory/decision-points.md
Complete 7-axis luxury & performance auditreferences/commands/audit.mdreferences/workflows/audit.md + references/memory/quality-bar.md
Generate high-converting A/B variantsreferences/commands/variant.mdreferences/workflows/variant.md + references/memory/16-variants.md
Static deploy preparation (GitHub Pages, cPanel)references/commands/deploy.mdreferences/commands/deploy.md + references/memory/08-preview-and-env-gotchas.md
Micro-animations, glow shaders, physics polishreferences/commands/polish.mdreferences/workflows/polish.md + references/memory/quality-bar.md

Read only the command file that matches the request. Do not load all commands simultaneously.

Non-Negotiable Invariants

  1. Contextual Decision Layer (CDL): Resolve visual baselines via /brief or .tidyfactor/cinematic-brief.md before emitting code.
  2. Canvas Frame Scrubbing: Product films are JPG frame sequences drawn on <canvas> and scrubbed by Lenis/GSAP scroll. Never use <video> currentTime.
  3. Zero Build Dependency: Single-file deliverable (index.html) using CDN-only libraries (GSAP 3.12, Lenis 1.0, Tailwind CSS).
  4. Arabic Typography Rigor: Never use Amiri for headings larger than 24px. Use El Messiri or curated luxury display pairings.
  5. 7-Axis Pre-Emit Critique: All generated pages must be evaluated with /* Pre-emit critique: P5 H5 E5 S5 R5 V5 D5 */.

Security

  • Security scanPassed, 95 of 100Pattern checks on the skill's files.
  • Model reviewPassed

See the full security report

Quality evaluation

  • Task evaluationNot runNo evaluation yet. Run one in Skill Studio.

See evaluation results

Source

  • SKILL.md in the repositoryCheckingSKILL.md

Popularity

7-day trend score
0

Not refreshed yet.

Works with

Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.

  • Claude Code
  • Cursor
  • GitHub Copilot
  • Windsurf
  • Codex
  • Gemini CLI
  • Cline
  • Amp
  • Roo Code
  • Goose
  • Continue
  • Kilo Code
  • Junie
  • Trae
  • OpenHands
  • Qwen Code
  • AI Agent
  • Tabnine Chat
  • Sourcegraph Cody
  • Amazon Q
  • Firebase Genkit
  • Sweep
  • Devin
  • Phind
  • Mentat
  • Claude Desktop
  • Aider
  • GPT Pilot
  • Plandex
  • bolt.new
  • v0
  • Replit Agent
  • Anse
  • TypingMind
  • BetterChatGPT
  • LibreChat
  • Warp AI
  • Pieces
  • Fig AI
Embed badge
vskill VERIFIED badge
[![vskill VERIFIED](https://verified-skill.com/api/v1/skills/tidyfactor/cinematic/cinematic/badge)](https://verified-skill.com/skills/tidyfactor/cinematic/cinematic)

Something wrong with this skill or its page? Tell us.