Skip to content
cccskills

ttDat

@datit309

I'm a Vietnamese software developer specializing in cross-platform mobile and web applications.

43 skills1 repository 22

Skills (43)

Refine in search

Films a web app as narrated, zooming, cursor-driven demo videos with retina screenshots, either from a repo it builds and mocks or from a live URL as it is served. Use when the user asks for a demo video, product video, walkthrough, screencast, screen recording of an app or of a URL, hero or landing-page footage, app screenshots for a website, "show off this feature", "record a demo of <url>", or wants to add, re-film, re-narrate or fix a demo scene.

The English summary is being prepared. Showing the original description.

datit309/supergraph22Updated Oct 23, 2026

Autonomous human-like browser control and professional QA/QC testing. Powered by agent-browser (Rust native CDP, zero Playwright) with ISTQB test matrix generation, automated testcase execution, console/network error tracing, and defect reporting.

The English summary is being prepared. Showing the original description.

datit309/supergraph22Updated Oct 23, 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/supergraph22Updated Oct 23, 2026

sdd

Free

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/supergraph22Updated Oct 23, 2026

serena

Free

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/supergraph22Updated Oct 23, 2026

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.

The English summary is being prepared. Showing the original description.

datit309/supergraph22Updated Oct 23, 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/supergraph22Updated Oct 23, 2026

verify

Free

Fresh verification gate before claiming done, fixed, passing, ready, or before commit/PR. Evidence before claims, always.

The English summary is being prepared. Showing the original description.

datit309/supergraph22Updated Oct 23, 2026

Meta-orchestrator — dispatches to the right skill for the task. Use before any non-trivial work.

The English summary is being prepared. Showing the original description.

datit309/supergraph22Updated Oct 23, 2026

Persistent token-compression mode (~75% reduction) — now always-on by default. Strips filler while keeping code exact.

The English summary is being prepared. Showing the original description.

datit309/supergraph22Updated Oct 23, 2026

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).

The English summary is being prepared. Showing the original description.

datit309/supergraph22Updated Oct 23, 2026

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.

The English summary is being prepared. Showing the original description.

datit309/supergraph22Updated Oct 23, 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/supergraph22Updated Oct 23, 2026

Dispatch and execute implementation plans with TDD and checkpoints. Use when plan is ready. Parallel by default for independent tasks.

The English summary is being prepared. Showing the original description.

datit309/supergraph22Updated Oct 23, 2026

Deep 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.

The English summary is being prepared. Showing the original description.

datit309/supergraph22Updated Oct 23, 2026

fix

Free

Plan-aware auto-fix loop after coding. Runs tests, lint, format, and graph checks. Updates plan task status. Use after execute/tdd.

The English summary is being prepared. Showing the original description.

datit309/supergraph22Updated Oct 23, 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/supergraph22Updated Oct 23, 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/supergraph22Updated Oct 23, 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/supergraph22Updated Oct 23, 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/supergraph22Updated Oct 23, 2026

Run integration and e2e tests after unit tests pass. Use after /supergraph:fix when unit tests are green.

The English summary is being prepared. Showing the original description.

datit309/supergraph22Updated Oct 23, 2026

prd

Free

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.

The English summary is being prepared. Showing the original description.

datit309/supergraph22Updated Oct 23, 2026

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.

The English summary is being prepared. Showing the original description.

datit309/supergraph22Updated Oct 23, 2026

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.

The English summary is being prepared. Showing the original description.

datit309/supergraph22Updated Oct 23, 2026

Is this your account? Link GitHub to bring it onto your creator page (Japanese)