All authors
Claude Skills by datit309
github.com/datit30940 skills1 installs107 views
- SupergraphMeta-orchestrator — dispatches to the right skill for the task. Use before any non-trivial work.Votes: 0GitHub stars: 22
- AnalyzeRisk analysis and approach selection before planning. Use when requirements are ambiguous, approaches vary, or work touches hub/bridge nodes. Skip for typo fixes.Votes: 0GitHub stars: 22
- ArchitectureProactive 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.Votes: 0GitHub stars: 22
- CavemanPersistent token-compression mode (~75% reduction) — now always-on by default. Strips filler while keeping code exact.Votes: 0GitHub stars: 22
- Database MigrationsDatabase 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).Votes: 0GitHub stars: 22
- DiagnoseStructured 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.Votes: 0GitHub stars: 22
- ExecuteDispatch and execute implementation plans with TDD and checkpoints. Use when plan is ready. Parallel by default for independent tasks.Votes: 0GitHub stars: 22
- FixPlan-aware auto-fix loop after coding. Runs tests, lint, format, and graph checks. Updates plan task status. Use after execute/tdd.Votes: 0GitHub stars: 22
- Flutter Dart Code ReviewLibrary-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.Votes: 0GitHub stars: 22
- Flutter UiBuild 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.Votes: 0GitHub stars: 22
- Frontend DesignCreate 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.Votes: 0GitHub stars: 22
- HandoffCompact 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.Votes: 0GitHub stars: 22
- IntegrationRun integration and e2e tests after unit tests pass. Use after /supergraph:fix when unit tests are green.Votes: 0GitHub stars: 22
- PlanCreate graph-informed implementation plans before writing code. Use before any non-trivial task. Skip for small changes (≤2 files, <20 lines, no hub/bridge).Votes: 0GitHub stars: 22
- PrdConvert 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.Votes: 0GitHub stars: 22
- PrototypeBuild 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.Votes: 0GitHub stars: 22
- ReviewPlan-aware graph-enhanced code review before merge. CRITICAL issues block merge. Use after fix/verify.Votes: 0GitHub stars: 22
- ScanScan project once per session. Run first — all other skills depend on this.Votes: 0GitHub stars: 22
- SerenaSerena 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.Votes: 0GitHub stars: 22
- TddStrict test-driven development for behavior changes. Requires verified RED before production code, minimal GREEN, and refactor only after passing tests.Votes: 0GitHub stars: 22
- TriageApply a formal state machine to issues — assign category (bug/enhancement/question/spike) and state (needs-triage → needs-info → ready-for-agent → ready-for-human → wontfix). Issues marked ready-for-agent become inputs to supergraph:plan. Use when processing a backlog, reviewing new issues, or preparing work for automation.Votes: 0GitHub stars: 22
- VerifyFresh verification gate before claiming done, fixed, passing, ready, or before commit/PR. Evidence before claims, always.Votes: 0GitHub stars: 22
- Webapp TestingToolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.Votes: 0GitHub stars: 22
- Zoom OutOne-shot module map — go up a layer of abstraction and get a domain-vocabulary module map of the codebase. Use when lost in unfamiliar code, after a long deep-dive session, or when you need to re-orient before planning.Votes: 0GitHub stars: 22
- PlansReview: ApprovedVotes: 0GitHub stars: 22
- SddCreate 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.Votes: 0GitHub stars: 22
- Threejs AnimationThree.js animation - keyframe animation, skeletal animation, morph targets, animation mixing. Use when animating objects, playing GLTF animations, creating procedural motion, or blending animations.Votes: 0GitHub stars: 22
- Threejs FundamentalsThree.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.Votes: 0GitHub stars: 22
- Threejs GeometryThree.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.Votes: 0GitHub stars: 22
- Threejs InteractionThree.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.Votes: 0GitHub stars: 22
- Threejs LightingThree.js lighting - light types, shadows, environment lighting. Use when adding lights, configuring shadows, setting up IBL, or optimizing lighting performance.Votes: 0GitHub stars: 22
- Threejs LoadersThree.js asset loading - GLTF, textures, images, models, async patterns. Use when loading 3D models, textures, HDR environments, or managing loading progress.Votes: 0GitHub stars: 22
- Threejs MaterialsThree.js materials - PBR, basic, phong, shader materials, material properties. Use when styling meshes, working with textures, creating custom shaders, or optimizing material performance.Votes: 0GitHub stars: 22
- Threejs PostprocessingThree.js post-processing - EffectComposer, bloom, DOF, screen effects. Use when adding visual effects, color grading, blur, glow, or creating custom screen-space shaders.Votes: 0GitHub stars: 22
- Threejs ShadersThree.js shaders - GLSL, ShaderMaterial, uniforms, custom effects. Use when creating custom visual effects, modifying vertices, writing fragment shaders, or extending built-in materials.Votes: 0GitHub stars: 22
- Threejs TexturesThree.js textures - texture types, UV mapping, environment maps, texture settings. Use when working with images, UV coordinates, cubemaps, HDR environments, or texture optimization.Votes: 0GitHub stars: 22
- Flutter ScreenshotsAutomate App Store & Google Play screenshot generation for Flutter apps. Scans routing and screens, scores high-value marketing screens, generates self-contained mock harness, runs native simulator captures (iPhone 6.9", iPad 13", Android Phone/Tablet), strips alpha channels, and validates exact store resolutions.Votes: 0GitHub stars: 22
- ExploreDeep codebase exploration, architectural research, and solution discovery. Use when investigating problems, understanding complex flows, or evaluating technical approaches without jumping straight into code mutation or TDD.Votes: 0GitHub stars: 22
- Playwright TesterFull-lifecycle Web E2E Testing, QA/QC analysis, and Playwright test automation. Generates business test matrices (happy path, negative, boundary, RBAC, API/network failure simulation), implements resilient Page Object Model tests, and produces structured QA bug reports.Votes: 0GitHub stars: 22
- VibesecSecurity-first code review & vulnerability prevention (IDOR, XSS, CSRF, SSRF, SQLi, Auth/JWT, Mass Assignment, Sensitive Data Exposure). Use when writing web features, designing endpoints, or auditing security.Votes: 0GitHub stars: 22