Skip to content

Commit d146c30

Browse files
mustbesimo2claude
andcommitted
fix: playwright-core was a devDependency, breaking the npx bench funnel for every real user
npx -p cinematic-scroll-skill cinematic-bench <url> — the exact command in the launch kit and on the leaderboard's CTA — silently failed for any fresh consumer, because devDependencies are never installed for package consumers. Verified root cause by manually installing playwright-core into an actual npx resolution tree: with it present the tool runs 3x and scores correctly end to end; without it, cli.mjs exits with "playwright-core not installed" and no output ever reaches npx's own stdout. Move playwright-core to dependencies. Bump 2.6.1 -> 2.6.2 (version triad: package.json, manifest.json, SKILL.md, plugin.json). Full npm test green. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
1 parent edf25c5 commit d146c30

4 files changed

Lines changed: 5 additions & 5 deletions

File tree

.claude-plugin/plugin.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
"$schema": "https://json.schemastore.org/claude-code-plugin-manifest.json",
33
"name": "cinematic-scroll",
44
"description": "Build cinematic, scroll-driven websites — pinned chapter reveals, multi-depth parallax, 3D tilt, environment-morphing backgrounds, and full release/launch pages. The motion grammar is the skill; the aesthetic is always the user's. Single self-contained scroll sections (Mode A) or a full Next.js release site with GSAP/Lenis + AI-generated visuals (Mode B), via a 5-phase gated pipeline with taste guardrails, 12 scroll patterns, and a transform/opacity performance budget.",
5-
"version": "2.6.1",
5+
"version": "2.6.2",
66
"author": {
77
"name": "Simone Leonelli",
88
"email": "simone@w230.net"

SKILL.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
name: cinematic-scroll
33
description: Build cinematic scroll-driven, 3D-tilt, parallax, and environment-morphing websites — pinned chapter reveals, hero parallax, depth-image figures, hover-tilt cards, background-morphing layouts, release/launch pages, product story pages, or editorial commerce microsites. From a single self-contained scroll section (Mode A) to a full Shopify-Editions-style Next.js release site with optional AI-generated visuals via the fal.ai remote API (Mode B — requires your own fal.ai key; makes outbound API calls to fal.ai). Includes an optional audit mode in which the agent analyzes a user-supplied URL using its own browser/fetch access and scores the scroll experience on 4 dimensions (Pacing, Performance, Accessibility, Emotional Arc). Works through an optional 5-phase pipeline (cinematic audit → motion storyboard → technical spec → build → polish) with taste guardrails, 12 proven scroll patterns, 11 visual systems, and a transform/opacity performance budget as built-in craft constraints. Advanced capabilities are user-initiated, not absent: WebXR/AR sessions are feature-gated and only start on an explicit user action (an Enter VR/AR button that appears solely when the device reports support), and 3D GLB generation lives in the Mode B Next.js template (`templates/nextjs/scripts/generate-flagship-assets.mjs`, run with your own fal.ai key) — see activation guidelines below.
4-
version: 2.6.1
4+
version: 2.6.2
55
author: Simone Leonelli
66
license: MIT
77
metadata:

manifest.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "cinematic-scroll",
3-
"version": "2.6.1",
3+
"version": "2.6.2",
44
"description": "Build cinematic scroll-driven, 3D-tilt, parallax, and environment-morphing websites — pinned chapter reveals, hero parallax, depth-image figures, hover-tilt cards, release/launch pages, and editorial microsites. Single self-contained scroll sections (Mode A) or full Shopify-Editions-style Next.js release pages with optional AI-generated visuals via the fal.ai remote API (Mode B — requires your own fal.ai key; makes outbound API calls to fal.ai servers). A cinematic web production studio in an Agent Skill: an optional 5-phase pipeline (Cinematic Audit → Motion Storyboard → Technical Spec → Build → Polish) with taste guardrails, 12 scroll patterns, 11 visual systems, a DTCG design-token contract (design.md + tokens/), a scroll-choreography.json schema, and a 4-dimension audit mode (agent-driven analysis using the agent's browser/fetch access — not a standalone binary). WebXR/AR sessions are user-initiated (feature-gated Enter VR/AR that only starts on an explicit user action), and 3D GLB generation is provided by the Mode B Next.js template (templates/nextjs/scripts/generate-flagship-assets.mjs, run with your own fal.ai key) — neither runs unless the user triggers it. Built with React, Next.js, GSAP, Lenis, fal.ai.",
55
"author": {
66
"name": "Simone Leonelli",

package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "cinematic-scroll-skill",
3-
"version": "2.6.1",
3+
"version": "2.6.2",
44
"description": "Installer for the cinematic-scroll Agent Skill — copies the skill into ~/.claude/skills/ (Claude Code, Cursor, etc.). The skill builds cinematic, scroll-driven websites: pinned chapters, parallax, 3D tilt, environment-morphing backgrounds, full release pages, and a React Three Fiber + WebXR flagship with one-command fal.ai 3D asset generation (auto Draco/WebP compression, rigged dancing figure included).",
55
"type": "module",
66
"bin": {
@@ -97,7 +97,7 @@
9797
"engines": {
9898
"node": ">=18"
9999
},
100-
"devDependencies": {
100+
"dependencies": {
101101
"playwright-core": "1.60.0"
102102
}
103103
}

0 commit comments

Comments
 (0)