跳到正文
cccskills

ttDat

@datit309

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

43 个技能1 个仓库 23

技能(43)

在搜索中筛选

explore

免费

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.

中文简介正在准备中。当前显示原文说明。

datit309/supergraph232026年10月23日 更新

fix

免费

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

中文简介正在准备中。当前显示原文说明。

datit309/supergraph232026年10月23日 更新

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.

中文简介正在准备中。当前显示原文说明。

datit309/supergraph232026年10月23日 更新

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.

中文简介正在准备中。当前显示原文说明。

datit309/supergraph232026年10月23日 更新

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

中文简介正在准备中。当前显示原文说明。

datit309/supergraph232026年10月23日 更新

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.

中文简介正在准备中。当前显示原文说明。

datit309/supergraph232026年10月23日 更新

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.

中文简介正在准备中。当前显示原文说明。

datit309/supergraph232026年10月23日 更新

tdd

免费

Strict test-driven development for behavior changes. Requires verified RED before production code, minimal GREEN, and refactor only after passing tests.

中文简介正在准备中。当前显示原文说明。

datit309/supergraph232026年10月23日 更新

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.

中文简介正在准备中。当前显示原文说明。

datit309/supergraph232026年10月23日 更新

Three.js textures - texture types, UV mapping, environment maps, texture settings. Use when working with images, UV coordinates, cubemaps, HDR environments, or texture optimization.

中文简介正在准备中。当前显示原文说明。

datit309/supergraph232026年10月23日 更新

triage

免费

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

中文简介正在准备中。当前显示原文说明。

datit309/supergraph232026年10月23日 更新

vibesec

免费

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.

中文简介正在准备中。当前显示原文说明。

datit309/supergraph232026年10月23日 更新

zoom-out

免费

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.

中文简介正在准备中。当前显示原文说明。

datit309/supergraph232026年10月23日 更新

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.

中文简介正在准备中。当前显示原文说明。

datit309/supergraph232026年10月23日 更新

Three.js animation - keyframe animation, skeletal animation, morph targets, animation mixing. Use when animating objects, playing GLTF animations, creating procedural motion, or blending animations.

中文简介正在准备中。当前显示原文说明。

datit309/supergraph232026年10月23日 更新

Three.js post-processing - EffectComposer, bloom, DOF, screen effects. Use when adding visual effects, color grading, blur, glow, or creating custom screen-space shaders.

中文简介正在准备中。当前显示原文说明。

datit309/supergraph232026年10月23日 更新

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.

中文简介正在准备中。当前显示原文说明。

datit309/supergraph232026年10月23日 更新

Three.js shaders - GLSL, ShaderMaterial, uniforms, custom effects. Use when creating custom visual effects, modifying vertices, writing fragment shaders, or extending built-in materials.

中文简介正在准备中。当前显示原文说明。

datit309/supergraph232026年10月23日 更新

caveman

免费

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

中文简介正在准备中。当前显示原文说明。

datit309/supergraph232026年10月23日 更新

这是你的账号吗?关联 GitHub 后可以汇总到你的创作者页面(日语)