From screenplay-prep
Generate the paged, Squarespace-ready HTML reader from the screenplay's text mirror via script_to_html_paged.py (Highland-calibrated pagination, renders [[ notes ]] as styled note boxes). Use to refresh the embeddable web reader after a script change.
How this skill is triggered — by the user, by Claude, or both
Slash command
/screenplay-prep:htmlThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
You are generating the paged HTML reader for the screenplay in `${CLAUDE_PROJECT_DIR}` — the standalone web version (e.g. for embedding in Squarespace), an alternative to a sketchy PDF embed.
You are generating the paged HTML reader for the screenplay in ${CLAUDE_PROJECT_DIR} — the standalone web version (e.g. for embedding in Squarespace), an alternative to a sketchy PDF embed.
${CLAUDE_PROJECT_DIR}/Claude Docs/PROJECT_PROFILE.md §0 for source.text_mirror (the title-page + body text the converter takes; NOT the body-only .fountain, so the title page renders). If the mirror is stale, run /screenplay-prep:reconcile first (or refresh it) so the HTML reflects the current script.${CLAUDE_PLUGIN_ROOT}/scripts/script_to_html_paged.py. It is fully arg-driven (--input, --out, --page-height) and Highland-calibrated (parenthetical width 212 for Highland page parity — deliberately NOT the Fathom app's 137; don't "fix" it). [[ … ]] notes render as distinct .note boxes — these are intentional narrator notes the writer exports in the Highland PDF, kept visible, not hidden.python3 "${CLAUDE_PLUGIN_ROOT}/scripts/script_to_html_paged.py" --input "<text_mirror>" --out "<project>/Claude Docs/generated/script_paged.html". The generated/ tree is conventionally gitignored.canonical.body_pages if one is set). If it diverges by more than a page, flag it — usually a pagination-calibration or notes-handling issue, not a content one.The project's git pre-commit hook may already regenerate this HTML on every screenplay commit; this skill is for an on-demand refresh or a first generation. Do not commit the generated file unless the writer asks — it's a derived artifact.
Provides UI/UX resources: 50+ styles, color palettes, font pairings, guidelines, charts for web/mobile across React, Next.js, Vue, Svelte, Tailwind, React Native, Flutter. Aids planning, building, reviewing interfaces.
Fetches up-to-date documentation from Context7 for libraries and frameworks like React, Next.js, Prisma. Use for setup questions, API references, and code examples.
npx claudepluginhub stevebrock91387/screenplay-prep --plugin screenplay-prep