Saksham MishraGet in touch
Enterprise AI SystemsDesign System GovernanceWorkflow ArchitectureAccessibility-First DeliveryStrategic Initiative

Most UX focuses on the screen users touch.
I redesigned the system that builds the screen.

An org-wide agentic UX execution pipeline that eliminated frontend build time, enforced design system and accessibility compliance at the code layer, and redefined what UX ships into a room — from prototypes to near production-ready systems.

90%+
Code Shipped to Production
Days → Mins
Screen Development Time
22
Banking Domains Modeled
WCAG 2.1 AA
Enforced at Generation
01
The broken flow

Every sprint began by re-explaining what everyone already knew.

PMs translating vision into tickets. Designers maintaining consistency across silos. Engineers interpreting Figma under sprint pressure. QA chasing inconsistencies caused by divergent implementation. The delivery experience was broken — for everyone in it.

The Broken Flow
PM Vision
Feature Sheet
Figma
Dev
Clarifications & Rework

Sprint churn from mid-cycle drift

Requirements evolved during implementation. Engineers rebuilt. Designers re-explained. Nobody shipped on time.

Frontend inconsistency across teams

22 domains. Each team optimising locally. Same component, different behaviour. QA couldn't keep up.

Accessibility as a retrofit

WCAG compliance discovered in audits, not built at generation. Every fix was expensive and late.

Knowledge wasn't machine-consumable

Design rules, domain logic, edge cases — scattered across heads. Every sprint re-explained what everyone already knew.

02
The insight

AI quality is a context
architecture problem.
Not a prompts problem.

Most AI-assisted workflows obsess over prompts. I focused on structured organisational intelligence. If I could structure everything the organisation already knew into a form a system could navigate, the pipeline wouldn't just generate faster code — it would generate correct code. Code that already understood the guardrails, the patterns, the edge cases, and the accessibility requirements before a developer looked at it.

03
The hard call

Structure what lives in
people's heads — before
the machine can act.

This was the hardest UX work in the project. Teams had never needed to share their knowledge in one place before. Synthesising it required understanding the organisation holistically — architecturally, operationally, and as a user research exercise on the people who built the software.

04
The architecture

Four layers. Each one earns its keep. Each one governed.

01

Steering Layer

Design principles as system behaviour

74 org-level guardrails. UX heuristics, design system rules, WCAG 2.1 AA enforcement, persona context — loaded on every task. Not a prompt. A persistent operating context.

02

Intelligence Layer

Reusable, referenceable design memory

Versioned personas, UX patterns (data table, forms, consult), workflows (approval, bulk actions), component contracts, global UX rules. A new feature inherits accessibility, keyboard nav, error states, and i18n by reference.

03

Domain Layer

22 banking domains as structured knowledge

Each domain carries its own architecture, dependency flows, and feature references. Knowledge that previously lived only in people's heads — synthesised into machine-consumable structure.

04

Feature Pack Layer

What developers actually receive

Every Jira ticket becomes a structured feature pack — production-ready Angular code, accessibility audit, i18n completeness, edge cases enumerated, design handoff docs. The developer downloads, connects the backend, and ships.

05
The scale

22 banking domains. Every one modelled.

AICInterest
BILLBilling
CAMAccounts
CARECare
CPTFDocuments
CRDReference Data
CTMTransactions
DCMCompliance
IASBPayments
IPCEPayments
MKTPMarketplace
MPCEPayments
OSAAMRoles
PAYCEPayments
PRICEPricing
RTPMReal-Time
SHAREDShared
STORMStanding Orders
TASKOrchestration
TAXTaxation
TDMDeposits
WKSWorkstation

Each domain folder carries its own domain.json, architectural diagrams, dependency flows, and feature references. For high-complexity domains, I authored separate architecture and product knowledge documents the system loaded only when working in that context.

06
Governance by design

Enterprise AI without governance is enterprise risk.

01
Automated Validation
Structure validators, JSON schema enforcement, i18n completeness. No broken feature pack reaches a developer.
02
Accessibility as Output
WCAG 2.1 AA encoded in steering, enforced at generation, audited per feature pack. Inclusion as a contract.
03
Runtime Preview
Angular preview app with mock API. PMs and designers validate locale by locale, viewport by viewport — before any sprint.
07
How delivery changed

We stopped entering reviews with static prototypes.

✕ Before
  • PM Vision → Feature Sheet → Figma
  • Dev interprets under sprint pressure
  • Clarification loops
  • Rework cycles
  • Accessibility discovered in audit
  • Sprint drift
✓ After
  • PM Vision → Structured Context
  • Jira MCP → Feature Pack scaffolded
  • Edge cases + A11y + code generated
  • Runtime preview + auto validation
  • UX sign-off → Git push
  • Developer plugs backend → ships

We entered reviews with working systems capable of evolving in real time. Product vision could be presented with unprecedented clarity — requirements already refined against functioning interfaces.

08
What stayed human

The pipeline amplified precision.
It did not replace judgment.

✳ Pipeline handled
  • Frontend UI code generation
  • Edge case enumeration
  • WCAG 2.1 AA validation
  • i18n completeness checks
  • Design system compliance
  • Handoff documentation
  • Consistency enforcement across all teams
◉ Humans led
  • Backend integration & architecture review
  • Business validation & sign-off
  • UX refinement & emotional design
  • Trust-sensitive workflow design
  • QA & production review
  • Strategic problem framing
  • User research & insight synthesis

What designers became responsible for was the quality of intent — how clearly we could articulate user needs, system behaviour, and edge cases.

09
Adoption

Adoption is harder than invention.

Phase 1 · Proof of Concept

Validated that generated code could meet production standards and that the architecture could scale across domains.

Phase 2 · Co-validation

Partnered with lead product owners on live feature work. Then with PMs as a vision-to-insight translator for engineering communities.

Phase 3 · Org-wide (Mar 2025)

Adopted across all teams after launch presentation. Design guardrails merged into community guardrail layer — machine-enforced across every developer's environment.

10
The impact

We stopped shipping prototypes into rooms.
We started shipping systems.

90%+
Code Shipped to Prod
Generated code met production bar
Days→Min
Screen Dev Time
Auxiliary screens in minutes
22
Domains Modeled
Full org knowledge structured
WCAG AA
Default Output
Inclusion as system contract
Org-wide
Adoption (Mar 2025)
Every team, every domain
74
Guardrails Authored
Merged into community layer
11
What I took away

Systems thinking > screen design

As AI accelerates implementation, UX work moves upward — delivery frameworks, intent architecture, trust design, organisational alignment.

Adoption > invention

The pipeline existed for months before org-wide adoption. The harder design work was convincing teams to use it — POCs, co-validation, and showing value on real feature work.

Governance is a feature

Preventing hallucinations required sustained governance — structured guardrails, automated validation, runtime preview, human review at every push. Not a constraint. A feature.

The new bottleneck is intent

Implementation speed is no longer the constraint. The bottleneck is the ability to understand what users need, structure that intent, and align organisations around it before code is written.

Saksham Mishra

Lead Product Designer

DesignProductStrategyManagement

"Good systems disappear. Great ones feel inevitable."

© 2026 Saksham Mishra. Thoughtfully assembled.

Innovate
Design
Execute
Empathize
Innovate
Design
Execute
Empathize
Innovate
Design
Execute
Empathize
Innovate
Design
Execute
Empathize