Hi, I'm
Mariappan Subramanian
Design engineer crafting UX for the AI era.interfaces that feel human.products that ship, not decks.AI that behaves like a colleague.pixels, prompts and pipelines.
I design and build interfaces for AI, from the first prototype to the design system and the UI that ships. Breaks things, prompts better, calls it learning. Currently compiling curiosity at Strivelabs.
Experience
Pretrained on these teams. Fine-tuning ever since.
context window: 6+ years. feed me tokens.
Selected work
Inference time.
What's shipped, out in the open. A few more are still running in the background — can't say much yet, but the stories will stream in.
-
Strivelabs · Gen UI · Design system
Strive AI
A marketing chat that answers in live interfaces, not paragraphs.
- My part
- The base, with our CTO: streaming engine, contracts, design system
- Shipped
- Live · how customers use almost all of Strive
-
Strivelabs · Gen UI · Design in code
Strive Studio
Lovable for marketing reports, with numbers that never go stale.
- My part
- Studio designed in code, the report skill, the sandbox bridge
- Shipped
- Live for all customers · one of the most used
-
Strivelabs · Design systems · LLM
Brand kit extractor
Read a customer’s brand off their website once, and every surface after that can wear it.
- My part
- End to end: the experience, the extraction, the kit page and the skill
- Shipped
- Live for all customers · reports read it first
-
Strivelabs · DX · Agent UI
Pluggable UI for agents
One command to a minimal, working agent UI on our framework and UX guidelines. Write the core logic, and the agent is ready.
- My part
- The framework on our CTO’s screens idea: scaffold, hooks, docs
- Shipped
- ~13+ agents, still growing · now slots in chat
-
Freshworks · Vue 3 · Accessibility
Freshworks Marketplace
One codebase, two experiences, moved to Vue 3 with a revamp on top.
- My part
- The pitch, the plan, the POC and the hands-on migration
- Shipped
- In stages, before Vue 2’s end of life · WCAG 2.1 AA
Side builds
-
Design engineering · Multi-agent · design engineering
co-presence
Started as a skill test, became a war room: who’s on it, people and agents, and what needs you.
- My part
- Solo, paired with Claude: every step, every call
- Shipped
- v0.1.0 on npm · open source
-
Agent UX · Web component · design engineering
agent-clarifier
A weekend spent learning design engineering on one component: the card that lets an agent ask before it acts.
- My part
- Solo, paired with Claude: the research, every call, the audits
- Shipped
- v0.1.0 on npm · open source
-
Teaching · 0 → 1
தட்பம்thatpam, Tamil for “coolness”
Frontend, taught in Tamil, in tiny cohorts.
- My part
- All of it, from the pixels to the payments
- Status
- Paused · the students went pro
-
Full-stack · Payments
DforDoubts
An e-learning marketplace for educators and learners.
- My part
- Solo developer, from a one-line brief to payments
- Shipped
- Live, now a registered company
Beyond the work
Off the main thread.
Where the experiments pile up, and where what I learn gets written down.
Thenga’s studio + yard · 5 on the easel · 15 on the pile
Every coconut’s a keeper.
In the studio, I take apart screens I’ve redesigned and show what changed. Out in the yard, experiments keep piling up. Not all of them became palms, but every one cracked open with something worth keeping.
Skills for coding agents · 3 leaves
Written down, so it lasts.
What I’ve learnt about crafting UI with agents, written down as skills, so an agent can do the work my way.
craft-componentask-clarifiershow-co-presence
Read the leaves
On stage
Talks
Things I've said out loud, on stage, to rooms of front-end folks. Keep the stub.
The library
Writing
Pull a book off the shelf. Things that make sense only after coffee.