j-star-films-studios
- 70 skills
- 0 followers
- 11 hours ago last updated
- ▌ General Video · j-star-films-studiosThe fallback workflow for authoring custom HyperFrames video compositions at any length or format — longer or multi-scene pieces, brand / sizzle reels, montages, title cards, static loops, and freeform compositions. Input- and length-agnostic. If a specialized workflow clearly fits the input — a marketed product, a website, a topic explainer, a GitHub PR, existing footage, a short motion graphic, or a Remotion port — prefer it (see /hyperframes); use this only as the general fallback when none fit.
- ▌ Talking Head Recut · j-star-films-studios bundlePackage an existing talking-head / interview / podcast video by layering timed, designed GRAPHIC OVERLAY cards onto the playing video — titles, lower-thirds, data callouts, quotes, side panels, picture-in-picture — synced to the transcript. The source video plays in full; the agent designs and writes each card's HTML in conversation, then renders to MP4 via hyperframes. Use when the user asks for graphic overlays, on-screen graphics / lower-thirds / data callouts / kinetic titles on a video, "package / dress up my video", "add overlay cards / graphic cards", or AI-composed graphic packaging of an existing video. NOT for plain subtitles (→ embedded-captions) or building a video from scratch (→ the creation workflows); when unsure overlays-vs-captions, see /hyperframes.
- ▌ Frontend Design · j-star-films-studios bundleGuidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults. Use when the user asks to build web components, pages, artifacts, posters, or applications, or when styling/beautifying any web UI.
- ▌ Skill Curator · j-star-films-studiosUse when adding, importing, reorganizing, renaming, or refactoring skills according to the Lean Unified Skills Architecture.
- ▌ Bro · j-star-films-studiosUse when the user requests ultra-concise, zero-fluff developer communication for rapid pair-programming.
- ▌ Convex · j-star-films-studios bundleUse when building with Convex, writing Convex functions, queries, mutations, actions, HTTP endpoints, defining database schemas/validators, configuring cron jobs, file storage, realtime subscriptions, AI agents, or security audits.
- ▌ Takomi · j-star-films-studios bundleUse when coordinating multi-stage work, initializing Takomi workflows (genesis, design, build, review, finalize), or navigating agent lifecycle states.
- ▌ AI Media · j-star-films-studios bundleUse when generating AI media, avatar videos, AI marketing videos with Google Flow, producing AI podcasts, product photography, social media content, voice cloning, or photo books.
- ▌ Grill Me · j-star-films-studiosUse when stress-testing a plan, design, or requirements through an interactive interview with question frontiers and adversarial challenges.
- ▌ Remotion · j-star-films-studios bundleUse when building videos programmatically in React/TypeScript with Remotion, scaffolding video projects, animating with interpolate/spring, sequencing scenes, or recording real web UI into video compositions.
- ▌ Sync Docs · j-star-films-studiosUse after writing code, implementing features, or fixing bugs to update feature documentation in docs/features/ and keep project documentation in sync.
- ▌ Wait What · j-star-films-studiosUse when the user needs an instant comprehension reset to re-pitch the last message in Simplified Technical English using project glossary terms.
- ▌ Code Review · j-star-films-studiosUse when reviewing staged changes, PRs, or branch diffs against repository standards and originating specifications using parallel sub-agents.
- ▌ Frontend UI · j-star-films-studios bundleUse when designing web or mobile UI, creating prototypes, directing or engineering distinctive web experiences, structuring evidence-based web narratives, applying UI/UX guidance, using 21st.dev components, Stitch, or Figma.
- ▌ Hyperframes · j-star-films-studios bundleUse when creating, editing, animating, or rendering video, motion graphics, promo videos, explainers, captions, slideshows, or HTML compositions with HyperFrames.
- ▌ Office Docs · j-star-films-studios bundleUse when creating or editing office documents (PDF, Word DOCX, PowerPoint PPTX, Excel XLSX), or applying Diátaxis/STE technical writing standards ('technical-writing').
- ▌ Poteto Mode · j-star-films-studiosUse when operating on strict token budgets or lightweight models requiring ultra-compact execution and minimal output.
- ▌ Anti Gravity · j-star-films-studiosUse when the user asks to run Anti-Gravity CLI (agy) for Gemini-like code review, plan review, design critique, or large-context analysis. Anti-Gravity replaces the legacy Gemini CLI workflow.
- ▌ Agent Recovery · j-star-films-studiosUse when an agent is stuck in loops, repeating errors, losing context, or needs session migration, state reset, or subagent escalation.
- ▌ Security Audit · j-star-films-studiosUse when auditing code for security vulnerabilities, verifying auth/payment boundaries, scanning for secret leaks, or doing pre-deployment sanity checks.
- ▌ Git Github Tools · j-star-films-studios bundleUse when resolving merge conflicts ('resolving-merge-conflicts'), triaging issues/PRs ('issue-pr-triage' AGENT-BRIEF.md), managing worktrees, GitHub ops, or fixing PR comments.
- ▌ Marketing Growth · j-star-films-studios bundleUse when planning product marketing, writing marketing copy, designing pricing tiers, building programmatic SEO pages, optimizing on-page SEO, planning social media calendars, running Twitter automation, conducting Google Trends research, brainstorming brand/domain names, or producing YouTube videos.
- ▌ Agent Engineering · j-star-films-studios bundleUse when engineering LLM prompts, compiling skills from sources ('source-to-skill'), engineering expert systems ('expert-system-engineer' CommonKADS/rules), writing agent docs ('writing-for-agents'), modeling domain vocabulary ('domain-modeling' CONTEXT.md/ADRs), creating specs ('conversation-to-spec'), curating/importing skills ('skill-curator'), spawning task DAGs ('spawn-task'), running code tournaments ('arena'), or managing subagents.
- ▌ Code Intelligence · j-star-films-studios bundleUse when understanding code, asking 'why' (decision archaeology/git history), 'how' (runtime execution trace), calculating 'blast-radius' before refactoring, debugging with 'diagnosing-bugs', explaining systems with 'teach', or logging runs with 'show-me-your-work'.
- ▌ Figma · j-star-films-studiosImport Figma content into a HyperFrames composition — rendered assets, brand tokens, components, storyboard sections → animatics (REST/CLI), and Figma Motion animations + shaders (MCP). Use when the user pastes a figma.com link or asks to bring a Figma design, frame, logo, brand, or animation into a video/composition.
- ▌ Web Dev Standards · j-star-films-studios bundleUse when designing software architectures ('codebase-design' Deep Modules/Design-It-Twice), writing tests ('test-driven-development' mock boundaries), creating setup scripts ('interactive-wizard'), TypeScript standards, Next.js, Expo, or Monorepos.
- ▌ Takomi Flow · j-star-films-studios bundleUse when Codex needs to operate Google Flow as a reusable agent tool through safe browser automation: bootstrap/login a persistent Flow profile, smoke-check access without spending credits, prepare image or video generation request files, run guarded Flow generations, download assets, inspect results, or integrate Flow assets into a video pipeline. Trigger for TakomiFlow, Flow browser provider, use Google Flow credits, Flow automation, generate with Flow, or agent-first Flow workflows.
- ▌ Avoid Feature Creep · j-star-films-studios bundleUse when planning features, reviewing scope, or building MVPs to prevent over-engineering, unnecessary abstractions, and unrequested scope expansion.
- ▌ Takomi Codex · j-star-films-studiosUse Takomi lifecycle orchestration inside Codex with policy-aware runtime detection, markdown roadbooks, optional Pi/Takomi dispatch, and explicit-consent delegation.
- ▌ Git Commit Generation · j-star-films-studiosUse when generating clear, conventional git commit messages based on staged changes or recent repository diffs.
- ▌ Slideshow · j-star-films-studios bundleAuthor a HyperFrames slideshow composition — a presentation, pitch deck, or interactive deck with discrete slides, fragment reveals, branching sequences, and hotspot navigation. Use as an intent check when the user asks for a presentation, pitch deck, slide deck, interactive deck, or page-to-deck conversion that might be a slideshow; if the user did not explicitly ask for a slideshow / slide show, confirm before authoring.
- ▌ Engineering Principles · j-star-films-studios bundleUse when designing systems, structuring code, reviewing diffs, handling state, or adhering to core software engineering discipline principles.
- ▌ Teach · j-star-films-studios bundleUse when explaining complex codebase concepts plainly without jargon, or managing a persistent learning workspace with MISSION.md.
- ▌ Pr To Video · j-star-films-studios bundleturn a GitHub pull request (a PR URL like github.com/<owner>/<repo>/pull/<N>, an <owner>/<repo>#<N> ref, or 'this PR' in a checked-out repo) into a code-change explainer video, up to ~3 min (sweet spot 30-90s) — changelog, feature reveal, fix, or refactor walkthrough, rendered from the diff / commits / files. The input is a CODE CHANGE read via the gh CLI; there is no website capture. Use this skill for a GitHub PR. Do not use it for a product launch/promo (use /product-launch-video), a tour of a real website (use /website-to-video), a topic explainer with no PR (use /faceless-explainer), captions on existing footage (use /embedded-captions), or a short unnarrated motion graphic (use /motion-graphics). If the intent is unclear, route through /hyperframes first. This is the shot-sequence architecture: every frame is authored as a time-coded shot sequence picked from a menu of golden blueprints, so frames develop over their full duration instead of freezing after entrance.
- ▌ High Fidelity Extraction · j-star-films-studiosAdvanced protocol for extracting granular social media and web intelligence using browser automation and DOM analysis.
- ▌ Story Engineer · j-star-films-studios bundleUse when transforming evidence-rich project histories, case studies, launches, research journeys, or retrospectives into truthful narrative structures. Not for inventing greenfield brand concepts from sparse briefs.
- ▌ SEO Ready · j-star-films-studios bundleMake any Next.js page SEO-ready with metadata, structured data, sitemap, and accessibility best practices.
- ▌ Photo Book Builder · j-star-films-studios bundleAutomates high-resolution photo book creation and correction passes, including chronological sorting, orientation balancing, print-ready full-bleed masonry layout generation, existing layout crop corrections, contact-sheet/cell mapping, and cover art upscaling. Use this skill when asked to: (1) Organize photos into page folders, (2) Generate or regenerate 12" x 30" open spreads (9000 x 3600 px at 300 DPI) with gutter margins, (3) Create or adapt full-bleed masonry grid layouts with project-specific photo counts, (4) Correct existing exports by raising/lowering images or adjusting per-image crop framing without overwriting originals, (5) Upscale front, back, or briefcase box covers using high-quality LANCZOS interpolation.
- ▌ Github Ops · j-star-films-studios bundleGitHub automation patterns - issues, projects, labels. Includes smart-ops scripts and bulk issue sync.
- ▌ Hyperframes CLI · j-star-films-studios bundleHyperFrames CLI dev loop. Use when running npx hyperframes init, add, catalog, capture, lint, validate, inspect, layout, snapshot, preview, play, render, publish, lambda, doctor, browser, info, upgrade, skills, compositions, docs, benchmark, telemetry, transcribe, tts, or remove-background, or when troubleshooting the HyperFrames build/render environment. Entry point for AWS Lambda cloud rendering (`hyperframes lambda deploy / render / progress / destroy / policies`).
- ▌ Spawn Task · j-star-films-studiosCreate comprehensive, self-contained task prompts for implementing features or fixing bugs.
- ▌ Website To Video · j-star-films-studios bundleCapture a general website/URL and turn it into a HyperFrames video (site tour, showcase, or social clip from the site's own visuals). Uses headless Chrome screenshots + brand assets. Use when intent is general — portfolio/blog/landing-page showcase or social clip from the site. NOT for: product/SaaS launch or promo (→ /product-launch-video, even from a URL); topic explainer with no site (→ /faceless-explainer); GitHub PR (→ /pr-to-video); adding captions to existing video (→ /embedded-captions); short unnarrated page-highlight motion graphic (→ /motion-graphics). Unclear launch-vs-general-site? Ask one question or start at /hyperframes.
- ▌ Git Worktree · j-star-films-studiosManage git worktrees for parallel agent development. Create, sync, and remove isolated dev environments.
- ▌ Embedded Captions · j-star-films-studios bundleAdd captions to a talking-head video. ONE catalog (CATALOG.md) of 32 visual identities behind two engines: column-flow (captions composited INTO the scene — matte occlusion + mix-blend; cream/ink/editorial/keynote/documentary/loud/neon/glitch/chrome/velocity) and themed constitutions (anchor/ordnance/terminal/neonsign/stardust/stomp/scoreboard/transit/vhs/arcade/dossier/laser/thunder/hologram/biolume/aurora/spectrum/papercut/popup/chalkboard/graffiti/brush/inkwater/ransom/lastpage/nightcity — e.g. a glyph-decode climax, a neon sign WRITTEN stroke by stroke, or the quiet `anchor` rail default). Route by identity, never by mode. Trigger on "captions/subtitles", "embed/cinematic captions", "VFX captions", "炸/特效/酷炫字幕", a named identity, or top-tier motion-graphics asks. Embedding every word is wrong for most talking-head content — `anchor` is the verbatim default. Pipeline: transcription → hyperframes remove-background matting → HTML render → ffmpeg overlay. Requires hyperframes and a single-subject clip.
- ▌ Zack Production Suite · j-star-films-studios bundleSingle entry point for planning and producing Zack D Films-style 3D animated myth-busting shorts. Routes browser-only research and pre-production, computer-side Google Flow production through TakomiFlow, direct Higgsfield production, and standalone TakomiFlow operations to the correct internal skill without loading every module at once.
- ▌ Component Analysis · j-star-films-studiosAnalyze a React/TypeScript component for compliance with coding guidelines and suggest improvements.
- ▌ Faceless Explainer · j-star-films-studios bundleturn arbitrary text — an article, notes, a topic, a brief — into a faceless explainer video, up to ~3 min (sweet spot 30-90s), where every visual is invented (typography, abstract graphics, diagrams, data-viz) rather than captured. There is no URL, no website capture, and no real assets. Use this skill for topic explainers, concept breakdowns, how-tos, listicles, and narrative explainers. Do not use it for a product launch/promo (use /product-launch-video), a tour of a real website (use /website-to-video), a GitHub PR (use /pr-to-video), captions on existing footage (use /embedded-captions), or a short unnarrated motion graphic (use /motion-graphics). If the intent is unclear, route through /hyperframes first. This is the shot-sequence architecture: every frame is authored as a time-coded shot sequence picked from a menu of golden blueprints, so frames develop over their full duration instead of freezing after entrance.
- ▌ Google Trends · j-star-films-studios bundleAutomated Google Trends research via Node.js CLI. Search YouTube, Web, Images, News for rising/breakout queries. Use for Phase 1 Strategy research or any topic validation.
- ▌ Exam Creator Skill · j-star-films-studios bundleCreates and revises school exam papers using Johno's preferred workflow. Use for JSS/Primary exam generation, remixing questions from lesson notes or chat transcripts, building question papers plus marking schemes, creating assets folders for diagrams, applying the 40-mark house style, producing compact DOCX output, and running draft/marking/verification passes with room for user feedback and revisions.
- ▌ 21st Dev Components · j-star-films-studios bundleUse when the user wants to build a React site or app section from 21st.dev components, clone the structure of a reference site with 21st.dev building blocks, browse 21st.dev manually and return copied prompts/code, or says things like "build me a site like this", "use 21st.dev", "copy prompt", "component URL", "hero from 21st", or "match this landing page with ready-made components".
- ▌ Pr Comment Fix · j-star-films-studiosAutomate fixing GitHub PR review comments. Use this skill whenever the user asks to "fix PR comments", "address review feedback", "resolve PR threads", or references a PR number/branch with unresolved review comments. Also trigger when the user says things like "go through the review comments on my PR", "handle the feedback on #123", or "clean up the review notes". Requires the `gh` CLI to be authenticated.
- ▌ Remotion Real UI Video · j-star-films-studios bundleStrict reusable workflow for turning an existing app into code-native Remotion videos that reuse the real app UI/components instead of screenshots, screen recordings, or recreated clone/mock screens. Use when a user wants product demos, walkthroughs, onboarding videos, launch videos, or proof compositions from an existing React/Next/web app with mock/demo/local data, scripted navigation, click/touch choreography, responsive mobile proofs, scroll choreography, or calibrated cursor/tap targeting. Enforces real-UI compliance: agents must inspect and import/extract actual app components before building app-screen scenes, and must stop rather than hand-build lookalike dashboards/forms/tables unless the user explicitly approves a mockup/redesign.
- ▌ AI Social Media Content · j-star-films-studiosCreate AI-powered social media content for TikTok, Instagram, YouTube, Twitter/X. Generate: images, videos, reels, shorts, thumbnails, captions, hashtags. Tools: FLUX, Veo, Seedance, Wan, Kokoro TTS, Claude for copywriting. Use for: content creators, social media managers, influencers, brands. Triggers: social media content, tiktok, instagram reels, youtube shorts, twitter post, content creator, ai influencer, social content, reels, shorts, viral content, thumbnail generator, caption generator, hashtag generator, ugc content
- ▌ Hyperframes Creative · j-star-films-studios bundleNon-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes, typography, narration, beat planning, audio-reactive visuals, composition patterns, and brand / style decisions. For atomic motion patterns and scene blueprints, use `hyperframes-animation`.
- ▌ Product Launch Video · j-star-films-studios bundleturn a product or marketing URL, pasted script, or brief into a product launch video, including SaaS promos, feature reveals, app launches, company promos, and product marketing videos. Use this skill when the user wants to market, launch, promote, or reveal a product. Do not use it for general non-launch website tours, non-product topic explainers, GitHub pull requests, captioning existing footage, or short unnarrated motion graphics. If the intent is unclear, route through /hyperframes first. This is the new shot-sequence architecture: every visual frame is authored as a time-coded shot sequence picked from a menu of golden blueprints, so frames develop over their full duration instead of freezing after entrance.
- ▌ Source To Skill · j-star-films-studios bundleUse when compiling raw knowledge sources (transcripts, docs, PDFs, books, video notes) into structured, operational agent skills.
- ▌ Hyperframes Animation · j-star-films-studios bundleAll animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven runtime adapters (GSAP default, plus Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, TypeGPU). Use for any motion or animation task: pick 2-4 rules and compose, or load a blueprint, or look up runtime-specific API (e.g. GSAP eases / Lottie player / Three.js mixer). HyperFrames-native: single paused timeline, seek-safe, deterministic.
- ▌ Hyperframes Keyframes · j-star-films-studios bundleUse when a HyperFrames composition needs seek-safe 2D/3D keyframes, GSAP timelines, CSS keyframes, Anime.js, WAAPI, FLIP, paths, masks, SVG morph/draw, text trails, cursor demos, 3D depth, or `hyperframes keyframes` diagnostics. Don't use for broad scene strategy, brand design, media sourcing, captions, or general video planning.
- ▌ Youtube Pipeline · j-star-films-studios bundleComplete YouTube video production pipeline from ideation to distribution. Covers Strategy (Phase 1), Packaging (Phase 2), Scripting (Phase 3), Shorts (Phase 3.5), Production (Phase 4), and Repurposing (Phase 5).
- ▌ Global Brand Namer · j-star-films-studios bundleGenerate memorable, brandable product and SaaS names using global linguistics (African, Asian, Nordic, Indigenous, and classical languages) to bypass English domain saturation. Use when the user asks to brainstorm product names, find available domains, develop cross-cultural brand identity, name a startup or side project, or needs a distinctive tech brand name that isn't just another English portmanteau. Triggers include "name my product," "brand name ideas," "domain name brainstorm," "SaaS name," "startup name," "what should I call," "name generator," or any request for creative, globally-inspired naming.
- ▌ Twitter Automation · j-star-films-studiosAutomate Twitter/X with posting, engagement, and user management via inference.sh CLI. Apps: x/post-tweet, x/post-create (with media), x/post-like, x/post-retweet, x/dm-send, x/user-follow. Capabilities: post tweets, schedule content, like posts, retweet, send DMs, follow users, get profiles. Use for: social media automation, content scheduling, engagement bots, audience growth, X API. Triggers: twitter api, x api, tweet automation, post to twitter, twitter bot, social media automation, x automation, tweet scheduler, twitter integration, post tweet, twitter post, x post, send tweet
- ▌ Creative Web Development · j-star-films-studios bundleUse when originating, planning, building, or auditing distinctive creative web experiences. Routes sparse briefs through concept selection before choosing motion, Canvas, WebGL, 3D, or implementation architecture.
- ▌ Principle Build The Lever · j-star-films-studiosApply to any non-trivial work, not just bulk work: edits, migrations, analyses, checks. Build the tool that does it or proves it (codemod, script, generator, or a skill your subagents follow) instead of working by hand. The tool is the artifact a reviewer can rerun.
- ▌ Expert System Engineer · j-star-films-studios bundleUse when engineering knowledge-based expert systems using CommonKADS methodology, MYCIN/EMYCIN rule patterns, certainty factors, or backward-chaining inference engines.
- ▌ Optimize Agent Context · j-star-films-studiosCreate, audit, or optimize agent.md, claude.md, cursorrules, or any AI coding agent context file using the "Band-Aid Philosophy." Strips bloat, enforces minimalism, and ensures only failure-correcting rules remain. Use when the user mentions: "agent.md", "claude.md", "cursorrules", ".clinerules", "AGENTS.md", "context file", "optimize context", "agent instructions", "reduce agent bloat", "agent keeps making mistakes", "fix my agent file", "create agent file", "audit agent context", or any variant of writing/improving AI coding agent instruction files.
- ▌ Shared Resend Portfolio · j-star-films-studiosReuse one Resend account and one verified sender domain across multiple branded products, especially for solo developers and free-tier portfolios. Use when adding transactional email to another app without creating a separate Resend account or verified domain, while preserving per-product identity, recipients, Reply-To routing, templates, security boundaries, delivery reliability, and awareness of a shared sending quota.
- ▌ Principle Minimize Reader Load · j-star-films-studiosApply when reviewing or shaping code that's hard to trace. Count layers between question and answer, and hidden state in the reader's head; collapse one-caller wrappers and shrink mutable scope.
- ▌ Zack D Films · j-star-films-studios bundleEnd-to-end pipeline for Zack D Films-style 3D animated myth-busting shorts via Higgsfield MCP. Use whenever the user asks for a "Zack D Films style short", "Zack-style video", a 3D animated short about "what really happened", a myth-busting / hidden-mechanism vertical short, or just "make me a Zack short". One prompt in → trending-topic research, curiosity-loop script, scene-by-scene production plan, character sheets for consistency, 3D animated blocks with baked green/red annotations, cloned-voice narration, and a final edited 9:16 MP4 with zoom-ins and screen shakes. Hands-off after topic pick and script lock.
- ▌ Zack Browser Planner · j-star-films-studiosBrowser-side research and pre-production skill for Zack D Films-style shorts. Use when an agent should research, verify, script, design every scene and generation prompt, then export a locked machine-readable production package for a separate computer agent. Never generate paid media in this skill.
- ▌ Zack Local Flow Producer · j-star-films-studiosComputer-side execution skill for a locked Zack Production Package. Validates the browser agent's handoff, calls the separate TakomiFlow provider for Google Flow image/video generation, manages narration and local editing, records all deviations, and delivers the final short without repeating approved research.