General
PromptBeginner5 minmarkdown
<h1 align="center">
<a href="https://prompts.chat">
163
> Check this before ANY task. Spawn agent to read relevant skills.
Loading actions...
<a href="https://prompts.chat">
TypeScript and ESLint rules that MUST be followed when creating, modifying, or reviewing any file under apps/frontend/, including .ts, .tsx, .js, and .jsx files. Also apply when discussing frontend linting, type safety, or ESLint configuration.
risks
Check this before ANY task. Spawn agent to read relevant skills. Skills grow with every project — codify what works, what fails, what you learn.
Read first:
../CLAUDE.md(studio constitution) and../OVERVIEW.md§ 16 (agent guidelines — non-negotiable rules, skill-loading map, quality bars).
| Skill | When to use |
|---|---|
| wakeup.md | FIRST SKILL LOADED EVERY SESSION — boot sequence, project scan, skill paths, agent paths, script paths |
| welcome.md | EVERY session start — greet creator with project status briefing, skills count, capabilities |
| pipeline-orchestration.md | ANY pipeline work — routing table, agent responsibilities, file requirements, detection logic |
| Skill | When to use |
|---|---|
| gatorsquare-voice.md | EVERY script, EVERY narration. 4-layer voice register. No-orphan-references. |
| gatorsquare-investigation-structure.md | EVERY investigation. 8-stage framework. |
| gatorsquare-hook-formulas.md | Every opening, every section transition. 4 hook types. |
| Skill | When to use |
|---|---|
| viewer-intelligence-blog.md | Blog/Substack — scene openers, pull quotes, narrative arc |
| viewer-quantitative.md | AQR/Brookings — methodology shown, equations, backtests |
| viewer-scenario-brief.md | Shell Scenarios/RAND futures — probability-weighted, dashboards |
| viewer-comic-text.md | Graphic novel/Vox — punchy frames, impact numbers, character cards |
| Skill | Feel | Best For |
|---|---|---|
| viewer-magazine.md | Editorial spread, text bleeds over image, alternating left/right | System investigations, documentary-style, heavy narration |
| viewer-cinematic.md | Film — image dominates, subtitles only, letterbox bars | Visual-heavy stories, photojournalism, art-first |
| viewer-dossier.md | Intelligence report — framed evidence, structured data, stamps | Evidence-heavy analysis, data investigations, structured intel |
| viewer-immersive.md | Visual novel — dialogue box, speaker avatars, glass-morphism | Multi-character stories, educational comics, dialogue-driven |
| viewer-scroll.md | Long-form article — vertical scroll, parallax, centered column | Accessible reading, blog-style, social media sharing |
| viewer-comic.md | Graphic novel — panel grid, speech bubbles, gutters | True comics, manga-style, sequential art, action sequences |
| viewer-first-person.md | Intimate — center text, vignette, breathing, no UI chrome | Horror, personal narratives, confessional, immersive experience |
| Skill | When to use |
|---|---|
| viewer-templates.md | Template selection — decision tree, 4 archetypes (magazine/immersive/article/comic), customization points, evolution protocol |
| viewer-editorial-intelligence.md | Editorial brain — content analysis, intro design, typography, transitions, typewriter speeds. Load BEFORE building any viewer. |
| viewer-review-system.md | Review/feedback — 3-column panel layout, star ratings, flags, prompt display, entity tags, feedback download |
| viewer-adaptation.md | Per-project customization — palette derivation from art style, intro badge design, cross-link generation |
| viewer-style-system.md | CSS skin system — maps content type to visual identity, 8+ pre-built skins |
| Skill | When to use |
|---|---|
| export-packaging.md | Export.zip structure, platform upload format |
| Skill | When to use |
|---|---|
| vivid-scene-description.md | EVERY scene-plan. Novelist to blind sketch artist. |
| filmmaking-cinematography.md | Shots, angles, lighting, composition |
| editorial-design.md | Layout, presentation block, per-investigation personality |
| sepia-documentary-prompting.md | Sepia documentary style |
| infographics-data-viz.md | Data presentation in text and visuals |
| Skill | When to use |
|---|---|
| frame-chaining.md | Multi-panel generation. ref_panels + "Same scene". |
| model-allocation.md | Budget — expensive at anchors, cheap between. |
| nano-banana-prompting.md | Gemini prompting: narrative over keywords |
| object-system.md | Reference PNGs for character consistency |
| browser-image-attachment.md | Attaching character sheets + previous panels to browser prompts (Gemini/ChatGPT) for visual consistency |
| gemini-image-generation.md | Multi-tab fire-and-harvest image generation. 4 tabs, fire prompts in Pass 1, harvest downloads in Pass 2. Hover-icon download. Prime fresh pages with "x". ~30s/panel effective. |
| Skill | When to use |
|---|---|
| sequential-pov.md | POV sequencing across panels |
| pov-camera-movement.md | Camera movement planning |
| pov-prompt-anchoring.md | POV anchoring in prompts |
| blender-camera-mindset.md | Think like a 3D camera operator |
| Skill | When to use |
|---|---|
| reference-sheet-system.md | Character reference sheet creation |
| two-stage-reference-system.md | Two-pass character reference |
| entity-layering.md | Entity depth in narration |
| figure-posing-body-mechanics.md | Figure composition |
| painting-depth-perception.md | Depth and perspective |
| animation-motion-techniques.md | Motion and dynamic scenes |
| dynamic-gap-detection.md | Finding gaps in visual storytelling |
| reference-contamination.md | Avoiding reference style bleed |
| storyboard-grid-anti-pattern.md | Avoiding storyboard grid |
| Skill | When to use |
|---|---|
| investigation-autopilot.md | Text-only 6-step pipeline with template routing |
| session-orchestration.md | Multi-user batch production (6 sessions, 116 investigations) |
| Agent | When to invoke |
|---|---|
| agents/qa-patchup.md | After EVERY assembly. Validates investigation.json format, metadata.json fields, gallery build, viewer load, review mode. Autofixes problems. NON-NEGOTIABLE — never hand off to creator without running this first. |
| Skill | When to use |
|---|---|
| client-vision-decoding.md | Understanding the assignment |
| learning-to-learn.md | Skill improvement during production |
| directing-vs-writing.md | Scene direction vs narration |
| chatgpt-research.md | ChatGPT browser research |
| gemini-research.md | Gemini browser research |
| gemini-image-generation.md | Gemini browser image generation |
| Task | Read first |
|---|---|
| Writing narration | gatorsquare-voice + investigation-structure |
| Choosing writing style | viewer-{style}.md matching viewer_style |
| Choosing viewer design | editorial-design.md + viewer-{template}.md |
| Opening hook | gatorsquare-hook-formulas |
| Scene direction | filmmaking-cinematography + vivid-scene-description |
| Image prompts | nano-banana-prompting + frame-chaining |
| Attaching refs to browser prompts | browser-image-attachment |
| Export packaging | export-packaging (standalone + platform upload) |
| Data presentation | infographics-data-viz |
| Text-only production | investigation-autopilot + viewer-{style}.md |
| Batch production | session-orchestration |
| After assembly / "viewer broken" / "gallery empty" | agents/qa-patchup.md |
| Magazine viewer (editorial spread) | viewer-magazine.md |
| Cinematic viewer (film, subtitles) | viewer-cinematic.md |
| Dossier viewer (intelligence report) | viewer-dossier.md |
| Immersive viewer (visual novel) | viewer-immersive.md |
| Scroll viewer (long-form article) | viewer-scroll.md |
| Comic viewer (panel grid) | viewer-comic.md |
| First-person viewer (intimate, no UI) | viewer-first-person.md |