![]() |
![]() |
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. |
Dev Toolbox (development toolkit) In-progress toolkit for bootstrapping production-ready repos with strict standards: scaffolding, repo profiles, QA checks, and release hygiene. |
| 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 |
| 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 |
Last updated: 2026-02-17 00:16 UTC
| Project | Release date |
|---|---|
stylelint-plugin-rhythmguard v1.0.0 |
2026-02-17 |
vf-web-kit v0.1.1 |
2026-02-05 |
audiodiff-report v0.1.1 |
2026-02-05 |
social-preview-doctor v0.1.1 |
2026-02-05 |
a11y-safe-autofix v0.1.1 |
2026-02-05 |
breakpoint-collage-diff v0.1.1 |
2026-02-05 |
works-on-my-machine-badge v0.1.1 |
2026-02-05 |
it-seems-fine-linter v0.1.1 |
2026-02-05 |
- 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







