Stephanie Green

I'm Stephanie, a UX engineer who builds full-stack products and public-sector platforms, from federal tools used across agencies to AI-powered creative apps.

Stephanie Green

What I do

I work across product, design, and engineering, building interfaces and the systems behind them. My background spans federal UX and full-stack product builds. I redesigned gov platforms used across multiple agencies, and I build with React, TypeScript, Supabase, and serverless AI pipelines.


Philosophy

Small changes, made consistently, beat big rewrites.

Focus

Usable interfaces, backed by systems that are simple to maintain.

Currently building

Active project work

ShippingMaker Studio: an AI-assisted pipeline from design to product listing
BuildingPixel Perfect: a drag-and-drop wireframe builder
MaintainingBanana Labs: a full-stack AI generation platform
TeachingThe Green Mahj Club: an educational app for American Mahjong

Experience

Current position.

Lightning Design System 2 home page: Welcome to SLDS 2 View gallery (3)
Lead Software Engineer · Jan 2022 to present

Salesforce Lightning Design System

Building scalable design system foundations, components, and tooling that enable teams to create consistent, accessible, and AI-ready experiences.

SalesforceSLDS 2Design systemsAccessibility
Visit SLDS 2 →

Selected work

Projects.

Banana Labs landing page View gallery (4)

Banana Labs

A full-stack AI generation platform (React/Vite, Supabase with row-level security, Stripe token billing, serverless Gemini text and image pipelines) serving structured prompt design and community remixing.

ReactSupabaseStripeGemini
Visit live site →
The Green Mahj Club homepage with links to learn the basics, browse the card and try interactive puzzles View gallery (4)

The Green Mahj Club

A full-stack educational web app for learning American Mahjong, with interactive puzzles, hand references, and printable teaching guides for the NMJL card.

ReactTypeScriptVite
Visit live site →
Pixel Perfect wireframe editor with component library, mobile canvas and property panel View full size

Pixel Perfect

A Balsamiq-style drag-and-drop wireframe builder with shadcn component rendering, theme switching, and Figma-like property editing.

Reactshadcn
View repo →
Audible Pages homepage with a PDF drop zone View full size

Audible Pages

Turns any text-based PDF into a smooth, human-sounding audio reading, or a two-host conversation about it. Play it in the browser or download the whole thing as audio. Built with React 19, TanStack Start, TypeScript, Tailwind and shadcn/ui, with Supabase for auth, storage and the database. Text is extracted from PDFs in the browser with pdf.js, then split into passages, voiced with Gemini text-to-speech, and stitched into one continuous WAV.

ReactTanStack StartSupabaseGemini
Poolside Prep dashboard with weekly review stats, an Array Method Chain practice question and answer editor View gallery (3)

Poolside Prep

An adaptive frontend interview coach: a filterable question bank, a timed in-browser practice workspace with hints and AI help, and a dashboard that tracks retention, your review queue, and weakest skills.

ReactTypeScriptTanStack Start
Maker Studio sign-in page: turn one idea into a listing-ready Etsy product in minutes View gallery (3)

Maker Studio

An AI workspace that takes one idea to a listing-ready Etsy product: generate the artwork, build the printable, write the listing copy, and design the mockups. Includes tools for clip art, stickers, wall art, cards, social posts, seamless patterns, and image recoloring.

ReactTanStackSupabase
CitizenScience.gov homepage redesign View gallery (2)

CitizenScience.gov

New build of CitizenScience.gov using Jekyll on Federalist, for GSA.

JekyllFederalistGSA
View repo →

Challenge.gov

Designed and built the new Challenge.gov platform using USWDS, replacing a proprietary solution to reduce costs and standardize federal UX across multiple agencies.

USWDSGSA
View repo →

VA for Vets

Responsive redesign of the VAforVets website.

Responsive design
View repo →

Credentials

Certifications.

Claude Certified Associate - Foundations badge
Anthropic

Claude Certified Associate - Foundations

For client-facing and delivery practitioners: applying Claude to everyday business tasks, evaluating and refining its output, choosing the right products and models, and using Claude responsibly.

View credential →
IAAP Web Accessibility Specialist (WAS) badge
IAAP

IAAP Web Accessibility Specialist (WAS)

An intermediate credential covering the contextual and technical skills to design, build, and remediate accessible digital content and services.

View credential →

Contact

Let's talk.

Drop me a line

Collaborations, questions, or just to say hi. I read everything.

let's talk Or reach out on LinkedIn