Mark Learst

Senior Design Engineer, Design Systems. React, TypeScript, Tailwind, Storybook, Motion, a11y. OSS. Claude Code Max + Cursor Pro+ daily driver. AI + DX tooling.

[Mark Learst @marklearst]

{⚔️} Day 1 of #CSSBattleDaily streak: Apr 11 — 615.22 score / 343 chars https://t.co/VlBsNKf2Rv via @css_battle

[Mark Learst @marklearst]

I tried to give @cursor_ai money. They wouldn't take it.

Sub failed. Support said "try Cash App and ACH." I pulled the Stripe session JSON. payment_method_types: ["card"]. Cash App and ACH aren't even enabled in their checkout.

So I reverse-engineered their billing flow, wrote a 2-minute fix doc, and sent it to support. They ignored it.

Was ready to buy a full year of Pro+. I guess Sam and Yna would rather let the money walk.

@mntruell your AI company can tab autocomplete my functions but can't help complete a payment.

Fix doc I created for your team since they won't read it:

https://t.co/BLNU2svX5q

[Mark Learst @marklearst]

@figma Quick start

Insert the widget
Pick a template
Work the checklist as you go
Export to Markdown when you need a report

https://t.co/9kGH97p23h

#a11y #accessibility #figma #wcag

[Mark Learst @marklearst]

a11y Companion v2.0.0 is live for Figma and FigJam.

Guided WCAG checklist tracking, inside the file. @figma: https://t.co/wQN7aVJNCl

#a11y #accessibility #wcag #w3c #figma #figjam #uxdesign #uidesign #designsystems #frontend

[Mark Learst @marklearst]

@figma Also in v2.0.0

Light and dark modes
6 accent themes that stay readable
Templates for common checklist scopes
Improved Markdown export with WCAG level coverage summary

[Mark Learst @marklearst]

@figma Big update: Contrast Inspector.

Select a layer, press Check, get ratio and grade, plus a clear pass or fail status.
Supports solid fills and single gradients.
Swap to preview reversed contrast, Clear to reset.

[Mark Learst @marklearst]

@KintuLabs You can now add "AI Founder x52" in your LinkedIn Headline

[Mark Learst @marklearst]

@felixleezd @ADPList 🙋🏽‍♂️

[Mark Learst @marklearst]

Check out a11y Companion by Mark Learst on @figma: https://t.co/wQN7aVKlrT

#figma #accessibility #a11y #UXDesign #development

[Mark Learst @marklearst]

@dariuscosden @maxedapps @MelkeyDev @dariuscosden still puts out top tier content on YouTube! #React

[Mark Learst @marklearst]

@WilliamNutt, I bought (resubbed) to Notion A-Z for my B-Day and it's be 5 days and I've not received any invite. Pretty bummed as billing contact says: Questions? Contact us at [email protected]. auto message to FAQs and the FAQs don't have a fix for my issue.

[Mark Learst @marklearst]

Go take the State of #JavaScript 2025 survey if you have a minute! https://t.co/zpMFWARGGo

[Mark Learst @marklearst]

🧪 Found a cool glass calendar design in Figma and wanted to test AI hallucination

ChatGPT couldn't build it in pure CSS, so I did!

✨ Features:
- Frosted glass backdrop blur
- Two-layer gradient design
- 100% CSS - no JavaScript

https://t.co/A7WD9fLqAu

#CSS #AI #Frontend

[Mark Learst @marklearst]

🧪 Found a cool glass calendar design in Figma and wanted to test AI hallucination

ChatGPT couldn't build it in pure CSS, so I did!

✨ Features:
- Frosted glass backdrop blur
- Two-layer gradient design
- 100% CSS - no JavaScript

https://t.co/A7WD9fLqAu

#CSS #AI #Frontend

[Mark Learst @marklearst]

Too easy but fun!

I just beat Grid Garden, a game for learning CSS grid layout! https://t.co/NIwPpc1Fd1 via @playcodepip

[Mark Learst @marklearst]

Most people treat AI like a shortcut to insight.
It’s not. It’s a mirror. It reflects your clarity... or your confusion!

If you don’t feed it real signal, it’ll remix the internet’s junk drawer with perfect fluency.

Build with intent. Or don’t bother pressing Enter.

#AI #buildinpublic #dev #design #signalovernoise #contextmatters

[Mark Learst @marklearst]

🩸 diabetic-utils v1.2.0 beta 1 just dropped.

Clinical-grade math for CGM and A1C apps.
No vibes. Just 100% test coverage and edge-case handling.

🧪 MAGE (Service 1970)
📊 SD, CV, Percentiles
✅ 34 targeted clinical tests
🔗 https://t.co/5V1NZXbnXS

#opensource #diabetes #typescript #CGM #healthtech

[Nicholas Mauro @retromauro]

Thoughts on @Airbnb’s new design system?

[Mark Learst @marklearst]

🩸 diabetic-utils v1.1.7 is out!
Zero-bloat TypeScript utilities for working with diabetic health data: glucose, A1C, time-in-range, and more.

🔄 Updated automated CI/CD pipeline
📚 Enhanced documentation
✅ Improved quality checks

Built for devs who want fast, typed calculations without the bloat.
Now with better automation and test coverage to keep it clean.

📦 https://t.co/jmfgy58qnp
💻 GitHub: https://t.co/edaGiF7zX4

#typescript #diabetes #javascript #opensource