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.
The English summary is being prepared. Showing the original description.
datit309/supergraph☆ 21Updated Oct 18, 2026
Risk analysis and approach selection before planning. Use when requirements are ambiguous, approaches vary, or work touches hub/bridge nodes. Skip for typo fixes.
The English summary is being prepared. Showing the original description.
datit309/supergraph☆ 21Updated Oct 18, 2026
Security-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.
The English summary is being prepared. Showing the original description.
datit309/supergraph☆ 21Updated Oct 18, 2026
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.
The English summary is being prepared. Showing the original description.
datit309/supergraph☆ 21Updated Oct 18, 2026
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.
The English summary is being prepared. Showing the original description.
datit309/supergraph☆ 21Updated Oct 18, 2026
Automate 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.
The English summary is being prepared. Showing the original description.
datit309/supergraph☆ 21Updated Oct 18, 2026
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.
The English summary is being prepared. Showing the original description.
datit309/supergraph☆ 21Updated Oct 18, 2026
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.
The English summary is being prepared. Showing the original description.
datit309/supergraph☆ 21Updated Oct 18, 2026
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.
The English summary is being prepared. Showing the original description.
datit309/supergraph☆ 21Updated Oct 18, 2026
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.
The English summary is being prepared. Showing the original description.
datit309/supergraph☆ 21Updated Oct 18, 2026
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 old ones, avoid lazy under-generation, avoid cards-inside-cards-inside-cards UI, and keep the hero clean, spacious, readable, and visible on a small laptop.
The English summary is being prepared. Showing the original description.
datit309/supergraph☆ 21Updated Oct 18, 2026
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.
The English summary is being prepared. Showing the original description.
datit309/supergraph☆ 21Updated Oct 18, 2026
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.
The English summary is being prepared. Showing the original description.
datit309/supergraph☆ 21Updated Oct 18, 2026
Three.js shaders - GLSL, ShaderMaterial, uniforms, custom effects. Use when creating custom visual effects, modifying vertices, writing fragment shaders, or extending built-in materials.
The English summary is being prepared. Showing the original description.
datit309/supergraph☆ 21Updated Oct 18, 2026
One-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.
The English summary is being prepared. Showing the original description.
datit309/supergraph☆ 21Updated Oct 18, 2026
Three.js animation - keyframe animation, skeletal animation, morph targets, animation mixing. Use when animating objects, playing GLTF animations, creating procedural motion, or blending animations.
The English summary is being prepared. Showing the original description.
datit309/supergraph☆ 21Updated Oct 18, 2026
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.
The English summary is being prepared. Showing the original description.
datit309/supergraph☆ 21Updated Oct 18, 2026
Three.js asset loading - GLTF, textures, images, models, async patterns. Use when loading 3D models, textures, HDR environments, or managing loading progress.
The English summary is being prepared. Showing the original description.
datit309/supergraph☆ 21Updated Oct 18, 2026