Software Architect, Platform Engineer & Open Source Creator
I design lightweight, scalable, and maintainable front-end systems. My work focuses on building developer tooling, build plugins, and mini-frameworks that simplify team workflows, maximize web performance, and elevate developer experience (DX).
My open-source projects power web applications for millions of users every month via npm, CDNs, Figma, and the Chrome Web Store.
- 🎨 Figma CSS Variables: Design Tokens Export & Deploy - Export Figma variables to 9 languages and deploy to Git
- 🖌️ Penpot: Design Tokens Export & Deploy - Export Penpot tokens to 9 languages and deploy to Git
- 🧱 Costro - Build lightweight web applications with Components, Store, and Router in just 3KB
- 🦋 Vlitejs - Minimalist and performant video & audio player, used by millions via CDN
- 🤖 AI Skills - Automated Frontend Code Review skills for GitHub & GitLab
- ⚡ SvgChunkWebpackPlugin - Generate SVG sprites based on entrypoint dependencies
- 📦 ChunksWebpackPlugin - Generate HTML files with entrypoints and chunk relations
- 🛠️ Create Costro App - Scaffold a Costro application in seconds
- 📐 Costro Templates - Official templates for Create Costro App
- 🎯 Validate Target - Validate DOM targets during event delegation
- 🐞 ABTasty Debugger - Simplified debugging of AB Tasty experiments, used by thousands of users
- 🔍 Before After - Lightweight before/after image comparison
I regularly publish insights on front-end architecture, developer experience, and web performance:
👉 Read my Front-End Insights Series on Dev.to
If my tools save you time or power your production builds, consider supporting my work:
- GitHub Sponsors: https://github.com/sponsors/yoriiis
- Ko-fi: https://ko-fi.com/yoriiis
const yoriiis = {
code: ['TypeScript', 'JavaScript', 'Node.js', 'Python', 'GraphQL', 'CI/CD'],
focus: ['Platform Engineering', 'Software Architecture', 'Design Systems', 'Web Perf'],
interests: ['Climbing', 'Biking', 'Skiing', 'Music', 'Plants'],
motto: 'Crafting robust, lightweight, and maintainable systems'
}; // const, but always evolving 🌿