Executive Communication & Influence for Managers
Maven (by Wes Kao)
Apr 2025
Playground
My AI-powered experiments.
AI is just a tool, but it is here to stay. I strongly believe we need to adapt and improve our workflows, as designers, to be able to make the most use of it — without forgetting about the human factor that makes our field so special. Here are some of my recent experiments exploring AI possibilities and vibe coding all the way!

"Next Game" Live Micro SaaS
A passion project micro-SaaS that lists where the following Palmeiras matches will be broadcast — men’s team, women’s team, and under-20. A Supabase database is automatically updated every day with real data using Claude Routines, so the platform UI is always up to date.

Claude Code Workshop
I led a workshop on Claude Code for ArcTouch's design team, sharing how agentic AI is reshaping the way designers prototype and collaborate with engineers. Through a live demo, I walked the team through practical workflows and the mindset shift from chat to agent.

"Nectarine" Music Player
WIP
Claude Code
Supabase
A Joji password-protected private listening room, built as a PWA. Features leaked/demo tracks only and per-era theming with generative gradients, offline playback via IndexedDB audio downloads, and a Supabase-backed catalog with an admin panel for uploading new tracks and covers — all vibe-coded with Claude Code.

Agentic Shopping Prototype
A vibe-coded business development simple prototype of an agentic shopping experience for an e-commerce. Agent knows all products and interacts via a live chat with voice generation.

Minima UI Motion Prototype
A vibe-coded mobile e-commerce experiment demo to exercise my UI Motion skills. Prototype based on wireframes + a simple PRD markdown and framer-motion animation library directions.

Figma Plugin Creator Skill
Claude Code
Skills
Created a comprehensive SKILL.md to build high-quality Figma plugins, with API references, gotchas, plus ArcTouch conventions for theming, asset generation, and Community publishing.

Eduardo Tanaka
Master Product Designer @ ArcTouch
"A shoutout to acknowledge our design leadership who not only push for us to explore and incorporate AI into the design arsenal, but also create the material conditions for this to happen, with internal workshops, building bridges between designers and engineers, and connecting different initiatives so that there are systemic advances and not isolated ones."

User Flows FigJam Generation
Claude
Figma MCP
Adopted a new workflow to quickly generate editable and shareable FigJam user flows or sitemaps to iterate on using project documentation, like PRDs or GDDs, as a base.

Variables Lint Figma Plugin
Claude Code
Figma
A custom-made Figma plugin for ArcTouch, created using my skill, that identifies values linked to deprecated libraries and suggests variables from the active libraries.

Leadership Timesheet Tracker
v0 by Vercel
Supabase
A vibe coded tool for leaders to track the amount of hours used to provide management oversight to company projects. It exports data in .json to upload to the company tracking system.

Design with Cursor + MCP
Connected Claude Code to Figma via an MCP bridge + WebSocket + plugin, and designed component documentation in Figma, with auto-layout, variants, and documentation structure.

Newbie Image Generator
v0 by Vercel
Alt text API
A vibe coded tool to generate shareable intro images for recent hires in multiple formats and colors, following our visual guidelines. It generates alt text for accessibility compliance.

Neo.jpg Image Resizer
My wife needed a way to easily resize and compress .jpg images to 80kb and 600px wide (don’t ask me why, lol). So I deployed a PWA that works offline so she can do it mobile.
