Technical PM | Building tools for AI-augmented product management
Will Tran is a technical product manager whose skills help an AI agent with front-end work such as implementing Sonner toasts and building UI animations, and with writing tasks including editing drafts for a more human voice and drafting Vietnamese HTML client proposals. His most popular skills also cover explaining technical systems through ASCII diagrams, creating Excalidraw diagrams, running autonomous coding loops with PRDs and CI gates, and managing Google Workspace from the terminal.
Cc Skills
32 skills · 18 stars
Animate Implements a specific UI animation or transition.
Animated Diagram Build animated technical diagrams (flowcharts, decision trees, pipelines) as Remotion + React vid…
Animation Vocabulary Names a motion effect from a plain-language description and distinguishes close terms.
Apple Design Applies an explicitly Apple-style design language to web interfaces: fluid gestures, interruptibl…
Asd Ste100 Rewrites ambiguous English into ASD-STE100 style — one meaning per word, active voice, simple ten…
Ask Sonner Implements and troubleshoots Sonner React toasts, including setup, promise flows, styling, themes…
Creating Client Proposals Creates polished Vietnamese HTML proposals for business owners and investment partners, focused o…
Creating Ui Driven Motion Videos Turns writing, products, workflows, or abstract ideas into a tailored UI-driven motion-graphics v…
Debate Brainstorm Run two independent subagents through a structured debate on the same prompt: independent answers…
Eli5 Explains a technical spec or proposed change in short, plain language.
Emil Design Eng Applies Emil Kowalski-inspired design-engineering philosophy when explicitly requested.
Excalidraw Create Excalidraw diagrams as JSON files for flowcharts, user journeys, system architectures, wir…
Excalidraw Diagram Create Excalidraw diagram JSON files that make visual arguments.
Explain To Me Explains difficult concepts and unfamiliar code with adaptive, multilingual clarity.
Explain To Me Explains unfamiliar concepts or code at the user's requested depth and language when they ask how…
Explaining Code Explains code, system behavior, and code changes with plain technical prose, before and after dia…
Explaining With Ascii Explains technical systems, abstract concepts, workflows, architecture, comparisons, loops, and t…
Find Animation Opportunities Finds high-value places where missing motion harms feedback, continuity, or comprehension.
Gws This skill should be used when the user asks to "set up gws", "install Google Workspace CLI", "co…
Huashu Design Creates polished HTML prototypes, slide decks, interactive slides, PDFs, animations, visualizatio…
Improve Animations Audits codebase motion and produces prioritized improvement plans.
Manim Video Production pipeline for mathematical and technical animations using Manim Community Edition.
No Ai Slop Edit drafts into sharper, more human writing while preserving the writer's personal voice, or det…
Pick Ui Library Pick the right library for a given frontend task from a curated, opinionated list — numbers, OTP…
Premium Frontend Design Create award-winning, cinematic frontend interfaces that feel ALIVE.
Prototype Builds either multiple UI variants for comparison or a full-screen core-flow prototype organized…
Proving Changes Proves that a fix or feature works end to end and breaks nothing: reproduces the failure on the u…
Ralph Set up and run Ralph Wiggum loop - autonomous AI coding with clean slate iterations, PRD-driven f…
Review Animations Reviews an existing animation implementation, diff, or focused motion surface for defects and reg…
Show Me Explains the current topic with a focused diagram, code-shape sketch, or visual artifact.
Svg Art Create SVG graphics through programmatic code generation.
Video Use Edit any video by conversation.