A comprehensive suite of protocols, meta-prompts, and orchestration tools designed to streamline software development workflows, project management, and team collaboration. Includes the VibeCode Protocol Suite with web interface, user manuals, and reusable templates for efficient development processes.
This repository also configures its own agents. See what VibeCode-Protocol-Suite tells them →
J-StaR-Films-Studios/VibeCode-Protocol-Suite
Skill Claude CodeCodex
Comprehensive design guide for web and mobile applications. Contains 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types. Use when the user requests UI/UX work (design, build, create, implement, review, fix, improve).
J-StaR-Films-Studios/VibeCode-Protocol-Suite
Skill Claude CodeCodex
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
J-StaR-Films-Studios/VibeCode-Protocol-Suite
Skill Claude CodeCodex
Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.
J-StaR-Films-Studios/VibeCode-Protocol-Suite
Skill Claude CodeCodex
Use when generating clear, conventional git commit messages based on staged changes or recent repository diffs.
J-StaR-Films-Studios/VibeCode-Protocol-Suite
Skill Claude CodeCodex
Use when resolving merge conflicts ('resolving-merge-conflicts'), triaging issues/PRs ('issue-pr-triage' AGENT-BRIEF.md), managing worktrees, GitHub ops, or fixing PR comments.
J-StaR-Films-Studios/VibeCode-Protocol-Suite
Skill Claude CodeCodex
Manage git worktrees for parallel agent development. Create, sync, and remove isolated dev environments.
J-StaR-Films-Studios/VibeCode-Protocol-Suite
Skill Claude CodeCodex
GitHub automation patterns - issues, projects, labels. Includes smart-ops scripts and bulk issue sync.
J-StaR-Films-Studios/VibeCode-Protocol-Suite
Skill Claude Code
Move issues and external PRs through a state machine of triage roles, categorise, verify, grill if needed, and write agent-ready briefs.
J-StaR-Films-Studios/VibeCode-Protocol-Suite
Skill Claude CodeCodex
Automate 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…
J-StaR-Films-Studios/VibeCode-Protocol-Suite
Skill Claude CodeCodex
Use when you need to resolve an in-progress git merge/rebase conflict.
J-StaR-Films-Studios/VibeCode-Protocol-Suite
Skill Claude CodeCodex
Use when stress-testing a plan, design, or requirements through an interactive interview with question frontiers and adversarial challenges.
J-StaR-Films-Studios/VibeCode-Protocol-Suite
Skill Claude CodeCodex
Advanced protocol for extracting granular social media and web intelligence using browser automation and DOM analysis.
J-StaR-Films-Studios/VibeCode-Protocol-Suite
Skill Claude CodeCodex
Use when creating, editing, animating, or rendering video, motion graphics, promo videos, explainers, captions, slideshows, or HTML compositions with HyperFrames.
J-StaR-Films-Studios/VibeCode-Protocol-Suite
Skill Claude CodeCodex needs its repo
Add 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…
J-StaR-Films-Studios/VibeCode-Protocol-Suite
Skill Claude CodeCodex
Use this skill to turn a body of text into an explainer video: pick a design system, plan a teaching story, and build it frame by frame in HyperFrames. Faceless means every visual is invented downstream — there is no capture step and no real asset inventory.
J-StaR-Films-Studios/VibeCode-Protocol-Suite
Skill Claude CodeCodex
The 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…
J-StaR-Films-Studios/VibeCode-Protocol-Suite
Skill Claude CodeCodex needs its repo
All 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…
J-StaR-Films-Studios/VibeCode-Protocol-Suite
Skill Claude CodeCodex
HyperFrames 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…
J-StaR-Films-Studios/VibeCode-Protocol-Suite
Skill Claude CodeCodex
The HyperFrames composition contract — build one renderable project. Use for composition structure, the data- timing attributes, class="clip", tracks, sub-compositions, variables, framework-owned media playback, deterministic-render rules, and validation. Read before writing composition HTML.
J-StaR-Films-Studios/VibeCode-Protocol-Suite
Skill Claude CodeCodex needs its repo
Non-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.
J-StaR-Films-Studios/VibeCode-Protocol-Suite
Skill Codex
Use 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…
J-StaR-Films-Studios/VibeCode-Protocol-Suite
Skill Claude CodeCodex
Audio and media assets for HyperFrames compositions, produced by one shared audio engine (scripts/audio.mjs) — multi-provider TTS (HeyGen / ElevenLabs / Kokoro local), background music + sound effects (HeyGen audio-library retrieval by default, with local Lyria / MusicGen BGM generation and a bundled SFX library as…
J-StaR-Films-Studios/VibeCode-Protocol-Suite
Skill Claude CodeCodex
Install and wire registry blocks and components into HyperFrames compositions. Use when running hyperframes add, installing a block or component, wiring an installed item into index.html, or working with hyperframes.json. Covers the add command, install locations, block sub-composition wiring, component snippet…
J-StaR-Films-Studios/VibeCode-Protocol-Suite
Skill Claude CodeCodex
Agent Media OS — resolve any media need (BGM, SFX, image, icon) into a frozen local file + ledger record. One verb (resolve) handles the full cascade — project cache, global cache, HeyGen catalog search, freeze, register. Keeps search noise on disk, hands the agent a path. Use when a composition needs background…
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: