Skip to content
Pradeep

I design and build interfaces for software that listens, creates, and acts.

Work

AppShell at Tailor

Tailor · AppShell

A design system agents can build with.

An ERP-specific frontend system that turns design intent into consistent interfaces, with components, patterns, and context that AI agents can use.

Leading product design at Tailor · Design systems, interaction patterns, and agent workflows

Designing for a new reader.

At Tailor, I lead product design for complex ERP workflows. As AI agents build more of the interface, I’m making our design decisions easier for them to understand and apply—from page structure to interaction behavior.

The system before the UI.

I start with the user’s task, then work with engineering to define reusable layouts, components, and patterns. The goal is to give agents a clear foundation, so each new screen follows shared decisions.

  1. Component.md

    Purpose, props, and behavior

  2. Pick a pattern

    Match the user’s task

  3. Compose the page

    Layout, hierarchy, and actions

Give each component context.

AppShell inventory table, sales order overview, and actions, composed from shared components on a soft gradient background.

Each component needs more than a list of props. Its Markdown reference explains its purpose, when to use it, and how it behaves.

I shape the design guidance; engineering connects it to APIs and working examples. Together, these give agents the context to use the component well.

Connect patterns through skills.

Patterns explain how components work together: a table for scanning records, a modal for a quick edit, or a wizard for a longer task.

The AppShell skill guides agents to the relevant patterns and component references, turning design knowledge into a practical building workflow.

Keep the system learning.

When a component or pattern changes, its guidance and examples change with it. We regenerate the documentation and skill, then run checks for outdated references and incompatible APIs.

My focus is making this update loop part of everyday development, so agents build from current guidance.

A better foundation for everyone.

For our team, shared decisions mean less repeated work and more room to explore. For developers, they offer a reliable starting point. For the people using the software, they help create familiar, consistent interactions.

Tailor Studio at Tailor

Embeds in Chronicle
Embeds in Chronicle5 items
Storyline in Chronicle
Storyline in ChronicleView project
Canvas in Chronicle
Canvas in Chronicle8 videos
Widget exploration
Widget interactions in Chronicle3 videos
Complete todo with AI
Early AI explorations in Chronicle4 videos