UI/UX Developer

Words to design.
Design to code.

Every interface starts as words: a user's frustration, a sentence in a brief, a half-formed idea. I design it, then I build it, carrying it all the way to production with AI in the loop and a gamer's eye for feel. This is Pyrus, my phoenix-masked alter ego.

See the work Where ideas come from
  • 0years from words to code
  • 0case studies shipped
  • 0tools in the loop

click Pyrus to power up

// about.md

About

Pyrus's phoenix mask Hover to unmask
Pyrus without his mask, smiling Behind the mask
pyrus.config.ts
export const pyrus = {
  role: 'UI/UX Developer',
  craft: ['research', 'design', 'code'],
  stack: ['Figma', 'React', 'TypeScript'],
  aiCopilots: ['GitHub Copilot', 'Cursor', 'v0'],
  soul: 'gaming 🎮',
  writing: true, // → /blog
  status: 'building & learning 🔥',
};

Ideas don't get lost in translation when the same person carries them from first words to final pixels.

Most products lose something on the way from brief to Figma to browser. I don't hand off. I listen for the words behind the problem, shape them into flows and screens, then build those screens myself as accessible, animated components. AI speeds up every step; the judgment stays human.

And inspiration? It comes from anywhere: a game menu that just feels right, a street sign, a late-night AI experiment, a conversation. I collect it all, turn the best of it into UI, and write about it on my blog.

  • ✍️ Words → wireframes
  • 🎨 Design → components
  • 🤖 AI in the loop
  • 🎮 A gamer's eye for feel

// words-to-code.ts

From words to code

One idea, carried the whole way. No hand-offs, nothing lost in between.

01

Words

It starts with what people say: interviews, briefs, complaints, a rough idea. I turn those words into clear problems and user flows.

02

Words → Design

Flows become wireframes, then polished screens and a design system in Figma, consistent and accessible from day one.

03

Design → Code

I build the designs myself in React and Next.js, so every pixel, state and animation ships exactly as designed.

∞

AI in the loop

AI speeds up every arrow: notes into flows, prompts into layouts, layouts into components. I make the calls.

Inside my AI Lab →

// inspiration/*

Inspiration from anywhere

Good ideas don't only live on Dribbble. I collect them everywhere, then make them useful. Here's where some of mine came from, and what they became.

Games

Menus, HUDs and that perfect jump. Game feel is UX at its most honest.

became the springy micro-interactions across this site

Streets & signs

Wayfinding that works for a stranger in a hurry, at a glance.

became clearer navigation in the Pulse dashboard

Anime & film

Colour scripts, framing, and how a single frame can carry a mood.

became Pyrus and this site's fire palette

AI experiments

Late-night prompts that go somewhere unexpected, and occasionally brilliant.

became the prompt-to-UI demo below

Conversations

One honest sentence from a user beats a hundred assumptions.

became the three-step Shopfront checkout

Music

Rhythm, build-up and release: timing that feels right before you know why.

became the timing of every animation I ship

// toolkit.json

Toolkit

UX

  • User research
  • Journey mapping
  • Information architecture
  • Usability testing
  • Accessibility (WCAG)

UI

  • Figma
  • Design systems
  • Prototyping
  • Interaction design
  • Motion design

Development

  • HTML & CSS
  • TypeScript
  • React
  • Next.js
  • Tailwind
  • Storybook

AI Workflows

  • Prompt design
  • AI prototyping
  • AI code assistants
  • Automation
  • LLM-powered UI

// work/words-to-code/

Words, made real

E-commerce · UX redesign

Shopfront Checkout

  1. Words"Checkout feels endless."
  2. DesignA clear three-step flow with progress you can see
  3. CodeA reusable Next.js checkout kit
  • Figma
  • Next.js
  • Usability testing

Read the case study →

SaaS · AI product

Copilot Chat UI

  1. Words"How do I know the AI is right?"
  2. DesignStreaming answers, cited sources, honest "not sure" states
  3. CodeReact chat components with live streaming
  • React
  • LLM UI
  • Design system

Read the case study →

Dashboard · Design system

Pulse Analytics

  1. Words"I can never find anything in here."
  2. DesignA calm, scannable dashboard with signposted navigation
  3. CodeA documented Storybook component library
  • Figma
  • Storybook
  • TypeScript

Read the case study →

Game UI · Side project

Phoenix Quest HUD

  1. Words"What if a website felt like a game?"
  2. DesignGame-style HUDs, feedback and micro-interactions
  3. CodeCanvas + motion patterns, reused on the web
  • Canvas
  • Motion
  • Web Audio

Read the case study →

AI Lab

Words in. Interfaces out.

Try it → pick some words and watch the UI regenerate.

A prompt is just words, and words are where I start anyway. With AI in the loop, a sentence becomes a flow, a flow a layout, a layout a working component. AI is my co-op partner; the taste and the final call are mine.

See my AI workflow
✦Describe a UI…
uritisaiabhishekUI/UX Developer
40+UIsAAa11y∞XP
View profile
AI is generating…

// blog/*.md

Ideas, written down

All posts →
Uncategorized

Hello world!

Welcome to WordPress. This is your first post. Edit or delete it, then start writing!

1 min read AI Workflows

My AI-powered design-to-code workflow

How a UI/UX developer uses AI tools at each step from research to shipped component, and the decisions that stay human.

3 min read Gaming × UX

What video games taught me about UX

Onboarding, feedback loops, save points and difficulty curves: UX lessons from games that every web product can borrow.

2 min read

Player Mode

Development is my task. Gaming is my soul.

Games are where a lot of my inspiration starts. Every boss fight, menu and perfectly tuned jump is a lesson in how people learn, fail and feel rewarded, and it all ends up in my interfaces.

Enter Player Mode

$ git log --career

Journey

  1. UI/UX Developer

    Taking products from first words to shipped code, end to end, with AI workflows at the core.

  2. UI Developer, Product Agency

    Turned designs into production UIs for startups and led the move to one shared design system.

  3. Front-end & UI Developer

    Wrote my first lines of HTML and learned that good UX beats clever code every time.

// connect.ts

Connect

Let's connect.

Got words for me? An idea, a question, a game I have to play? This site is my showcase and my playground, and my inbox is always open.

uritisaiabhishek@gmail.com