jangtrinh

Process and generate multimedia content using Google Gemini API for better vision capabilities. Capabilities include analyze audio files (transcription with timestamps, summarization, speech understanding, music/sound analysis up to 9.5 hours), understand…

Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patterns in Tailwind CSS projects. Use when building UI components, reviewing CSS utilities, styling React views, or enforcing design…

Combine changelog generation and commit workflow for EaseUI. Always generate changelog first, then run tests, commit with conventional format, perform ByteRover/PM Hub sync, and push. Use when user asks to commit and wants changelog-first flow, or says Now…

You MUST use this for gathering contexts before any work. This is a Knowledge management for AI agents. Use `brv` to store and retrieve project patterns, decisions, and architectural rules in .brv/context-tree. Uses a configured LLM provider (default:…

Code review practices — receiving feedback with technical rigor, requesting reviews, verification gates, and review checklist. Use when receiving feedback, completing tasks, or before claiming success.

Execute the EaseUI commit workflow end-to-end with branch safety, tests, changelog update, PM Hub sync, ByteRover deep sync, and push. Use when the user asks to commit, says Copu or Now, or requests commit message generation and git push.

Check context usage limits, monitor time remaining, optimize token consumption, debug context failures. Use when asking about context percentage, rate limits, usage warnings, context optimization, agent architectures, memory systems.

Interactive debugging via DAP CLI. Set breakpoints, inspect variables, step through code — the way human developers debug. Supports Python, Go, Node.js/TS, Rust, C/C++. Use when print-debugging is insufficient, when you need runtime state inspection, or when…

Ideas and setup questions for consultants and agencies in Ổi Browser. Read when they want something to try.

Ideas and setup questions for customer support and success in Ổi Browser. Read when a support team wants something to try.

How the Ổi Browser team runs its own customer support, step by step, for a team that wants to set up theirs the same way. Use when a team wants to establish, rebuild, or automate their customer support in Ổi Browser.

Ideas and setup questions for founders in Ổi Browser. Read when a founder or executive wants something to try.

Design and create a separate Ổi Browser companion for the user, a friend, or a colleague directly in chat. Use only when the user explicitly asks to create or design a new companion, or explicitly asks whether a distinct specialized companion would be…

Use when the user asks to create, inspect, read, revise, or verify a local Microsoft Word DOCX document.

Learn and preserve a person's writing style from approved examples so emails, LinkedIn messages, proposals, posts, and other writing sound like them. Use before drafting when matching a person's voice matters.

Use before any LinkedIn work, such as finding or checking people, sourcing, sorting invitations or connections, reading post engagement, messaging, or connecting, to keep the user's account safe and your results trustworthy.

Use when working with DESIGN:OS Studio (designos-studio, designos, designos-mcp, designos-diff) — native Rust/wgpu Figma .fig v106 read/write engine, Agentic PTY Chat UI, 11-stage Spec Reader, Dev Mode codegen, and headless GPU screenshot QA.

Verify WCAG 2.2 AA contrast ratios, 32px minimum tap targets, and semantic layer naming.

Structure reusable components with variants, slots, and resilient auto-layout constraints.

Enforce 4px spacing grid, typographic scale, and semantic token bindings across frames.

Builds UI from a Figma file or a design image so it matches the design, using your project's existing tokens and components.

Renders every state of a component you choose on a throwaway page, with mock data and a switcher, so you can work on each state.

Creates precise static technical drawings of physical objects, with coherent views and fine linework. Delivers a blank-page viewer with zoom, editable colors and SVG, PNG and PDF downloads.

Builds multiple variants of a component you're working on and helps you iterate and pick one.

Authoritative Vietnamese omnichannel marketing and B2B commercial communications engineering skill for DESIGN:OS. Enforces strict linguistic pragmatics (xưng - hô), channel quotas, and statutory compliance across Zalo OA (ZNS/ZBS 400-char NFC limit), email…

Drafts, localizes, and audits native-quality Vietnamese (vi-VN) cybersecurity incident communications, personal data breach notifications under Law 91/2025/QH15 Article 23 and Decree 356/2025/NĐ-CP (PDPD 72-hour notification to the Ministry of Public…

Drafts, localizes, and audits native-quality Vietnamese (vi-VN) e-commerce storefront copy, product detail pages (PDP), promotional flash sale campaigns, checkout UX microcopy, and customer return policies. Enforces Ministry of Industry and Trade (Bộ Công…

Writes, evaluates, and pedagogically audits native-quality Vietnamese (vi-VN) educational, academic, and EdTech communications across the full 7-tier Vietnamese Pedagogy Continuum (Mầm non -> Tiểu học -> THCS/THPT -> GDNN -> Đại học -> Thạc sĩ -> Tiến sĩ &…

Writes, localizes, and audits native-quality Vietnamese (vi-VN) financial, banking, accounting, and FinTech communications. Enforces statutory financial statement terminology under Thông tư 99/2025/TT-BTC (mandatory rename of Bảng cân đối kế toán to Báo cáo…

Drafts, localizes, and audits Vietnamese e-government communications, online public service portals (DVC toàn trình & một phần), administrative procedure guides (TTHC), VNeID electronic identity notifications, and citizen status updates. Enforces Decree…

Writes, localizes, and audits native-quality Vietnamese (vi-VN) healthcare, medical, hospital, EMR, clinical, pharmacy, and dietary supplement (TPCN) communications. Enforces statutory terminology under Luật Khám bệnh, chữa bệnh 2023 số 15/2023/QH15…

Writes, localizes, and audits native-quality Vietnamese (vi-VN) hospitality, resort, civil aviation, culinary F&B, and tourism communications. Enforces statutory hotel star rating boundaries under Luật Du lịch 2017 Điều 50 (1 to 5 stars only; prohibiting…

Authoritative Vietnamese omnichannel marketing and B2B commercial communications engineering skill for DESIGN:OS. Enforces strict linguistic pragmatics (xưng - hô), channel quotas, and statutory compliance across Zalo OA (ZNS/ZBS 400-char NFC limit), email…

Writes, evaluates, and pedagogically audits native-quality Vietnamese (vi-VN) educational, academic, and EdTech communications across the full 7-tier Vietnamese Pedagogy Continuum (Mầm non -> Tiểu học -> THCS/THPT -> GDNN -> Đại học -> Thạc sĩ -> Tiến sĩ &…

Writes, localizes, and audits native-quality Vietnamese (vi-VN) financial, banking, accounting, and FinTech communications. Enforces statutory financial statement terminology under Thông tư 99/2025/TT-BTC (mandatory rename of Bảng cân đối kế toán to Báo cáo…

Writes, localizes, and audits native-quality Vietnamese (vi-VN) healthcare, medical, hospital, EMR, clinical, pharmacy, and dietary supplement (TPCN) communications. Enforces statutory terminology under Luật Khám bệnh, chữa bệnh 2023 số 15/2023/QH15…

Writes, localizes, and audits native-quality Vietnamese (vi-VN) hospitality, resort, civil aviation, culinary F&B, and tourism communications. Enforces statutory hotel star rating boundaries under Luật Du lịch 2017 Điều 50 (1 to 5 stars only; prohibiting…

Writes, localizes, and audits native-quality Vietnamese (vi-VN) human resources, talent acquisition, recruitment marketing, and employment compliance communications. Enforces statutory labor protections under Bộ luật Lao động 2019 (prohibiting recruitment…

Writes, optimizes, and audits high-converting native Vietnamese (vi-VN) landing pages and digital marketing copy across 6 critical verticals — SaaS/AI developer tools, FinTech & digital banking, E-Commerce & D2C, Real Estate & luxury hospitality, Healthcare &…

Drafts, localizes, and audits native-quality Vietnamese (vi-VN) civil and commercial agreements, corporate governance contracts, Terms of Service (ToS), and Data Processing Agreements (DPA). Enforces statutory penalty caps under Article 301 of Commercial Law…

Ask the PO each open spec question and record same-session answers as source input. Use for /spec:clarify.

Present a spec gate and execute only the PO's same-session ask-user decision. Use for /spec:gate.

Create a PRODUCT:OS Spec Driven project from the plugin kit with PO-owned inputs. Use for /spec:new.

Run PRODUCT:OS Spec Driven stages and explain the next PO action. Use for /spec:run.

Set up PRODUCT:OS Spec Driven dependencies and check installed writer and reviewer CLIs. Use for /spec:setup.

Read PRODUCT:OS Spec Driven stage gates, counters, open questions and the exact next command. Use for /spec:status or spec-status.

Preview and apply a PO-confirmed PRODUCT:OS Spec Driven kit upgrade. Use for /spec:upgrade.

Render PRODUCT:OS Spec Driven PO, Dev and QA reader views offline. Use for /spec:view.

Core discipline for ANY Blender/bpy work — contract-first, purpose-first (render-only / print / both), knowledge routing, execute-verify-refine loop with the AGENT_OK/AGENT_FAIL sentinel contract, numeric-first verification, Form gate before delivery media,…

Reconstruct assets in Blender from reference images using only native Blender geometry, local skills, and project workflows; includes fidelity contracts, staged passes, and visual verification.

Use when working with DESIGN:OS 3D Blender Agent — Parametric 3D mechanical parts generator, headless Blender Python (`bpy`) pipeline, and embedded Three.js CAD showcase engine.

Retrieve and apply this Blender project's knowledge, engineering research and portable reference methods through a checked local catalog and bounded task workflows. Use when refreshing knowledge, compiling workflow/skill references, choosing sources or…

Turn an object or character reference image into a quality-gated, animation-ready procedural Three.js model built in code. Use for image-to-3D reconstruction, detail-accurate object rebuilds, stylized/likeness-maximized human characters, sculpt specs, and…

Turn an object or character reference image into a quality-gated, animation-ready procedural Three.js model built in code. Use for image-to-3D reconstruction, detail-accurate object rebuilds, stylized/likeness-maximized human characters, sculpt specs, and…

Build AI-powered software with TypeSafe: small units of AI intelligence you can use like programming primitives. Its System One models, including Jev, turn natural language and application state into typed judgments and probabilities that code can combine.…

Sub-50ms Real-Time Generative UI engine powered by Laya-MLX (Apple Silicon local edge, 6.5ms) and TypeSafe JEV (Cloud API) with Zod Component Catalogs. Use when building adaptive dashboards, real-time generative UI in Next.js/React, morphing interfaces, or…

Fast, non-autoregressive System 1 decision engine on local Apple Silicon (MPS) or edge CPU. Use for sub-35ms typed decisions (choice, score, noul), LangGraph conditional edge routing, prompt injection guardrails, RAG context scoring, PII redaction hooks,…

Universal Browser Automation CLI & Ultrafast Autonomous Agent powered by TypeSafe JEV System One & Chrome DevTools Protocol (CDP). Use whenever the user mentions JEV, jev-browser, jev-ultrafast, TypeSafe JEV, controlling browsers (Chrome, Arc, Dia, Edge,…

Nghiên cứu, tối ưu hóa cấu trúc bài đăng và xây dựng chiến lược viral cho Threads và các cộng đồng chủ đề (AI Threads, Design Threads, 3D Printing...) bằng JEV Browser CLI và JEV System One.

Go development mastery. Use for Go modules, goroutines, channels, error handling, interfaces, Gin/Echo APIs, gRPC, sqlc/GORM, Cobra CLIs, testing, benchmarks, Docker builds, linting.

Rust development mastery. Use for Cargo, ownership/borrowing, lifetimes, Result/Option, async/tokio, Axum/Actix web, SQLx/SeaORM, Clap CLIs, testing, FFI, WebAssembly, macros, traits.

Create deep knowledge-graph skills. Use when building new es: skills — runs 6-phase workflow: audit, research, analyze, design, build, validate. Research-first, never write from scratch.

System architecture for cross-platform apps. Use for web-to-desktop migration, Tauri, offline-first sync, multi-language orchestration, scalability, event-driven, API design, security.

Create isolated git worktree for parallel development in monorepos.

Use when working with DESIGN:OS Code2Flow — Local-first AST codebase-to-user-flow mapper and 11-heuristic UX gap auditor across 7 frontend and mobile frameworks.

Turn a PRD markdown into a Code2Flow Story Manifest (code2flow.stories.json v3, v2 structure plus optional audience captions, presenter notes, cues, Audience Names and locales for the Stage) using the prompt pack produced by `code2flow stories scaffold`, then…

Answer questions about a scanned app's user flows from Code2Flow's machine-readable outputs — "how does a user get from A to B", "which screens are unreachable or dead ends", "where does the PRD disagree with the code", "what is behind this arrow" — with…

Map a Next.js App Router repo into a Code2Flow user-flow canvas end to end (init → run → read the summary → report), respecting the fixed localhost port and leaving no server running. Use when a PO or teammate asks "show me the flows / screens / how users…

Use when turning a finished DESIGN:OS build folder into an A-to-Z tutorial video (16:9 + 9:16, evidence on screen, optional voice): storyboard, kit render, validate, look, owner gates.

Turn one reference drawing (line art, logo, sketch) into a faithful, animated, interactive SVG page with video exports: centerline trace, part map, occlusion silhouette, deterministic physics-driven motion, hover layer, proofs, Pages publish.

Recreate reference motion videos through HyperFrames v2, Motion IR, deterministic export, and source-to-output visual review.

EaseUI & Linear/Stripe-caliber Product Designer & Design Architect. MUST be called whenever creating or refining animations, UI elements, video layouts, and motion mockups in this repo. Enforces multi-layer tactile depth, Gestalt layout, typography scale, 1px…

Use when shaping, implementing, critiquing, polishing, hardening or auditing rendered UI, then proving it with the ui gate and a three-width look.

Use when working with DESIGN:OS CLI — Multi-runtime design operating system and CLI for Claude Code, OpenAI Codex, Gemini CLI, and Google Antigravity.