 |
 |
Design Leadership · Design Systems · React/TypeScript · AI workflow tooling · A11y · Storybook · Figma-to-code · Design Ops and DS Governance
Design Systems @ Digitaltableteur · Founder of VertaaUX.ai
I build production-grade design systems and AI-powered developer tools. 20 years turning messy requirements into resilient platforms that teams actually want to build on.
I lead design systems and frontend architecture, and I ship practical AI tooling for product teams.
- 20 years in Design + Design Systems. Self taught in development.
- Design Systems @ Digitaltableteur
- Founder of VertaaUX.ai (AI-powered UX and accessibility auditing)
Optional deep summary: 🤖 Ask ChatGPT for my background + projects
 Personal site @ petrilahdelma.com Selected work, systems thinking, and notes on design tooling and AI. 
|
 Design Systems @ Digitaltableteur Production-grade components, design-to-code alignment, and DesignOps governance. Daily stack: Claude Code, Figma, Storybook, React/TypeScript. 
|
 AI-Powered UX Auditing @ VertaaUX.ai Founder. API-first platform for automated accessibility and UX audits. Async pipelines, LLM-assisted analysis, CLI + CI integrations.
|
 Stylelint Plugin Rhythmguard Token governance for CSS and Tailwind: enforce spacing scales, require design tokens, and catch arbitrary values before they ship. 
|
| Project | What It Demonstrates | Evaluate |
|---|---|---|
| notcringe | Full-stack AI: LLM integration, streaming, prompt engineering, safety filters | Try WIP |
| digitaltableteur | 50+ component design system, i18n, Storybook, Playwright, Sentry | Visit |
| VertaaUX.ai | API-first AI platform, async pipelines, CI integrations, usage metering | Product |
| SAP Build Apps DS | Enterprise design system at scale, governance, cross-team alignment | NDA |
Last updated: 2026-05-19 08:00 UTC
| Project | Current shipped signal |
|---|---|
| VertaaUX.ai | AI UX + accessibility auditing platform: v4.3 commercial experimentation shipped, v4.5 design-system maturity in flight, and multi-surface distribution across web, CLI, MCP, API, GitHub Action, editor/browser extensions, Figma, SDK, and PWA. |
| DSharp Design System | Client design system delivery for the DSharp platform: 112 React components, 0 alpha components, z-index token scale, reduced-motion verification, Storybook governance, and MCP/CLI sidecars for agent-safe consumption. |
| petrilahdelma.com | Personal design-systems and AI workflow site with work case studies, writing, glossary, toolbox downloads, contact flows, analytics, and SEO automation. |
| Seppo AI consultancy | Client MVP and Storybook system for gamified training: Kesko / EY pilot shell, onboarding flow, board progression, AI-assisted exercise generation, result moments, and white-label theming. |
| Digitaltableteur | Design systems consultancy surface for production-grade components, design-to-code alignment, AI-assisted DesignOps, and practical systems writing. |
| Stylelint Plugin Rhythmguard | Token governance for CSS and Tailwind: v1.6.0 shipped with Audit 2.0 design-system drift reporting. |
| Tool | Type | Quickstart | Links |
|---|---|---|---|
| it-seems-fine-linter | CLI | npx it-seems-fine-linter --paths src |
npm |
| works-on-my-machine-badge | GitHub Action | uses: PetriLahdelma/works-on-my-machine-badge@v0 |
Marketplace |
| breakpoint-collage-diff | CLI | npx breakpoint-collage-diff --url https://example.com |
npm |
| a11y-safe-autofix | CLI | npx a11y-safe-autofix --paths . |
npm |
| social-preview-doctor | CLI + Action | npx social-preview-doctor https://example.com / uses: PetriLahdelma/social-preview-doctor@v0 |
npm • Marketplace |
| audiodiff-report | CLI | npx audiodiff-report before.wav after.wav --format html --out ./audiodiff |
npm |
| vf-web-kit | CLI | npx vf-web-kit path/to/font.ttf --content \"./content/**/*.{html,md,mdx,tsx}\" --out ./dist/fontkit |
npm |
- Systems > pixels: Components that compose, not one-off designs
- Deterministic foundations + probabilistic AI: Type safety where it matters, LLMs where they help
- Ship > theorize: Working software beats slide decks
📧 mail@digitaltableteur.com 🔗 LinkedIn 🤝 Collaboration: Available for design systems leadership, frontend architecture, and AI tooling advisory.
Open to: Design Systems, AI/LLM tooling, Frontend Architecture roles
Personal
Digitaltableteur
