Claude Code Projects
Kontent.ai
First designer at Kontent.ai to work directly in the codebase – pioneering "designers own the frontend" approach using AI-assisted coding tools.
🎯 What This Means
Instead of designing mockups and waiting for developers to implement small tweaks, I directly modify frontend code for UX improvements, bug fixes, copy changes, component modifications, design system updates (components, icons, Storybook), and minor feature additions.
✨ Key Achievements
Significant contributions to both design system and production features.
- Modified Card component to support optional icons with configurable spacing
- Applied inheritance patterns affecting 53+ component instances
- Updated Storybook previews with configurable icon props
- Added AI feature icons to modal headers across UI
- Made status bar logo clickable with environment detection
- Removed deprecated UI elements from Mission Control
- Added success notifications (snackbars) for MFA user flows
🔄 Workflow Established
Created a repeatable workflow for designer-led frontend development.
- Tools: Direct repo access + AI coding tools (Cursor, Claude Code) + dev buddy for review
- Process: Design → AI code generation → manual refinement → commit
- Philosophy: AI-assisted coding as abstraction layer – if it works, passes tests, and has clean API, we don't need to understand every line
🌊 Impact
This working model eliminates waiting time for small changes and enables designers to contribute directly to the codebase, dramatically shortening the feedback loop between design and implementation. The experiment proved successful enough to become standard practice for subsequent projects (e.g., MFA Self-Service, semantic search components).