AI-powered environment for designing and generating production-ready website components
SitecoreAI Design Studio
Role:
Frontend Lead Engineer
Challenge:
Create a single place where customers could explore all website components from their rendering host, modify their properties, and instantly preview the results - without adding components to a page.
My contribution:
- Shaped the frontend architecture for an interactive component environment with real-time rendering and property editing.
- Built and evolved key frontend features as the product expanded from component exploration and real-time previewing to AI-assisted creation of new components, variants, and component fields.
- Led frontend features from early product discussions through implementation, working closely with Product, Design, Backend, and QA while maintaining 85%+ test coverage.
Impact
REAL-TIME
Component preview & editing
AI-POWERED
Component & variant creation
< 5 MIN
Production-ready component generation
Technologies
- React
- TypeScript
- TanStack Query
- TanStack Router
- REST API
- LLM Integration
- Jest
- React Testing Library
- Tailwind
- shadcn/ui
