Updated 1d ago
by datit309
supergraph
Engineering workflow system for AI coding agents — mandatory planning, TDD, verification, review, and intelligent codebase graph analysis.
22 GitHub stars (22)
Steady at 22 stars — no new stars in the 20 days since Sep 26.
- 30 skills (30 skills found in its SKILL.md files)
- 6 forks (6 forks)
- 1d ago last update (Last updated 1d ago)
Install
Skills CLI
npx skills add datit309/supergraph
Asks which skills and agents to install. Just one: npx skills add datit309/supergraph --skill supergraph — add -g for every project.
Claude Code
git clone https://github.com/datit309/supergraphcp -r "supergraph/plugins/supergraph" ~/.claude/skills/
Copies the supergraph skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project). Repeat for the other skills listed below.
Plugin
/plugin marketplace add datit309/supergraph
Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.
Skills can run code on your machine — read the SKILL.md first.
What it does
In the author's own words, from each skill's SKILL.md — showing the first 30 of 39 files.
-
supergraph
Meta-orchestrator — dispatches to the right skill for the task. Use before any non-trivial work.
plugins/supergraph/SKILL.md on GitHub (opens in a new tab) -
analyze
Risk analysis and approach selection before planning. Use when requirements are ambiguous, approaches vary, or work touches hub/bridge nodes. Skip for typo fixes.
plugins/supergraph/skills/analyze/SKILL.md on GitHub (opens in a new tab) -
architecture
Proactive architecture review — explore codebase structure, generate a self-contained HTML report with Mermaid diagrams and candidate improvements, then grill the findings. Use when planning a large refactor, onboarding to an unfamiliar codebase, or before a major architectural change.
plugins/supergraph/skills/architecture/SKILL.md on GitHub (opens in a new tab) -
caveman
Persistent token-compression mode (~75% reduction) — now always-on by default. Strips filler while keeping code exact.
plugins/supergraph/skills/caveman/SKILL.md on GitHub (opens in a new tab) -
database-migrations
Database migration best practices for schema changes, data migrations, rollbacks, and zero-downtime deployments across PostgreSQL, MySQL, and common ORMs (Prisma, Drizzle, Kysely, Django, TypeORM, golang-migrate).
plugins/supergraph/skills/database-migrations/SKILL.md on GitHub (opens in a new tab) -
design-taste-frontend
Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.
plugins/supergraph/skills/design-taste-frontend/SKILL.md on GitHub (opens in a new tab) -
diagnose
Structured 6-phase debugging. Build feedback loop first, reproduce deterministically, hypothesize with ranked falsifiable theories, instrument one variable at a time, fix with regression test, cleanup. Use when a bug exists, tests fail unexpectedly, or behavior is wrong and cause is unknown.
plugins/supergraph/skills/diagnose/SKILL.md on GitHub (opens in a new tab) -
execute
Dispatch and execute implementation plans with TDD and checkpoints. Use when plan is ready. Parallel by default for independent tasks.
plugins/supergraph/skills/execute/SKILL.md on GitHub (opens in a new tab) -
fix
Plan-aware auto-fix loop after coding. Runs tests, lint, format, and graph checks. Updates plan task status. Use after execute/tdd.
plugins/supergraph/skills/fix/SKILL.md on GitHub (opens in a new tab) -
flutter-dart-code-review
Library-agnostic Flutter/Dart code review checklist covering widget best practices, state management patterns (BLoC, Riverpod, Provider, GetX, MobX, Signals), Dart idioms, performance, accessibility, security, and clean architecture.
plugins/supergraph/skills/flutter-dart-code-review/SKILL.md on GitHub (opens in a new tab) -
flutter-ui
Build Flutter UI from Figma MCP or image input. Scans src for design tokens (colors, sizes, text styles), existing components, and naming conventions before writing a single line of code. Never hard-codes values.
plugins/supergraph/skills/flutter-ui/SKILL.md on GitHub (opens in a new tab) -
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
plugins/supergraph/skills/frontend-design/SKILL.md on GitHub (opens in a new tab) -
gpt-taste
Elite UX/UI & Advanced GSAP Motion Engineer. Enforces Python-driven true randomization for layout variance, strict AIDA page structure, wide editorial typography (bans 6-line wraps), gapless bento grids, strict GSAP ScrollTriggers (pinning, stacking, scrubbing), inline micro-images, and massive section spacing.
plugins/supergraph/skills/gpt-taste/SKILL.md on GitHub (opens in a new tab) -
handoff
Compact current session context into a handoff document for seamless continuation in a new session. Use when context window is exhausted, switching machines, handing work to another agent, or ending a long session mid-task.
plugins/supergraph/skills/handoff/SKILL.md on GitHub (opens in a new tab) -
image-to-code
Elite website image-to-code skill for Codex. For visually important web tasks, it must first generate the design image(s) itself, deeply analyze them, then implement the website to match them as closely as possible. In Codex, it must prefer large, readable, section-specific images instead of tiny compressed boards, generate fresh standalone images for sections or detail views instead of cropping…
plugins/supergraph/skills/image-to-code/SKILL.md on GitHub (opens in a new tab) -
integration
Run integration and e2e tests after unit tests pass. Use after /supergraph:fix when unit tests are green.
plugins/supergraph/skills/integration/SKILL.md on GitHub (opens in a new tab) -
plan
Create graph-informed implementation plans before writing code. Use before any non-trivial task. Skip for small changes (≤2 files, <20 lines, no hub/bridge).
plugins/supergraph/skills/plan/SKILL.md on GitHub (opens in a new tab) -
prd
Convert current conversation context into a structured Product Requirements Document (PRD) and optionally post it to GitHub Issues. Use before /supergraph:plan when requirements came from a conversation, user story, or feature discussion rather than a formal spec.
plugins/supergraph/skills/prd/SKILL.md on GitHub (opens in a new tab) -
prototype
Build throwaway code to validate an uncertain approach before committing to a plan. Two branches — Logic (terminal state machine) or UI (multiple designs on one route with URL-param switcher). No persistence, no tests, single-command start. Use between analyze and plan when the approach itself is uncertain.
plugins/supergraph/skills/prototype/SKILL.md on GitHub (opens in a new tab) -
redesign-existing-projects
Upgrades existing websites and apps to premium quality. Audits current design, identifies generic AI patterns, and applies high-end design standards without breaking functionality. Works with any CSS framework or vanilla CSS.
plugins/supergraph/skills/redesign-existing-projects/SKILL.md on GitHub (opens in a new tab) -
review
Plan-aware graph-enhanced code review before merge. CRITICAL issues block merge. Use after fix/verify.
plugins/supergraph/skills/review/SKILL.md on GitHub (opens in a new tab) -
scan
Scan project once per session. Run first — all other skills depend on this.
plugins/supergraph/skills/scan/SKILL.md on GitHub (opens in a new tab) -
sdd
Create a Software Design Document (SDD) defining component architecture, data contracts, API schemas, and platform compatibility before planning. Use in Tier 3 (Full Pipeline) or when modifying interfaces, hooks, databases, or multi-platform contracts.
plugins/supergraph/skills/sdd/SKILL.md on GitHub (opens in a new tab) -
serena
Serena code intelligence — LSP-powered symbol navigation, diagnostics, and targeted code surgery. Activate before complex refactors, cross-file analysis, or when graph tools need symbol-level depth.
plugins/supergraph/skills/serena/SKILL.md on GitHub (opens in a new tab) -
tdd
Strict test-driven development for behavior changes. Requires verified RED before production code, minimal GREEN, and refactor only after passing tests.
plugins/supergraph/skills/tdd/SKILL.md on GitHub (opens in a new tab) -
threejs-animation
Three.js animation - keyframe animation, skeletal animation, morph targets, animation mixing. Use when animating objects, playing GLTF animations, creating procedural motion, or blending animations.
plugins/supergraph/skills/threejs-animation/SKILL.md on GitHub (opens in a new tab) -
threejs-fundamentals
Three.js scene setup, cameras, renderer, Object3D hierarchy, coordinate systems. Use when setting up 3D scenes, creating cameras, configuring renderers, managing object hierarchies, or working with transforms.
plugins/supergraph/skills/threejs-fundamentals/SKILL.md on GitHub (opens in a new tab) -
threejs-geometry
Three.js geometry creation - built-in shapes, BufferGeometry, custom geometry, instancing. Use when creating 3D shapes, working with vertices, building custom meshes, or optimizing with instanced rendering.
plugins/supergraph/skills/threejs-geometry/SKILL.md on GitHub (opens in a new tab) -
threejs-interaction
Three.js interaction - raycasting, controls, mouse/touch input, object selection. Use when handling user input, implementing click detection, adding camera controls, or creating interactive 3D experiences.
plugins/supergraph/skills/threejs-interaction/SKILL.md on GitHub (opens in a new tab) -
threejs-lighting
Three.js lighting - light types, shadows, environment lighting. Use when adding lights, configuring shadows, setting up IBL, or optimizing lighting performance.
plugins/supergraph/skills/threejs-lighting/SKILL.md on GitHub (opens in a new tab)
No skill matches that filter.
Review before you install
A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.