Jonas Ulrich / TSNM
@tsnmp
Followers
230
Following
2K
Media
102
Statuses
1K
frontend first-proponent since day one; CTO at @kickstartDS / @ruhmesmeile (https://t.co/yFcbHjev7r): Would love to hear your feedback about https://t.co/vjzVZwdKe7 π
Bonn / Cologne
Joined June 2009
Huge day for us at @kickstartDS. What better motivation to finally finish a piece on @ThePracticalDev I've been thinking about for 2 years now: https://t.co/WFSFeuToS4 Careful, it got way to long... featuring @jsonschema @brad_frost @nathanacurtis πLet's unlock the frontend!
dev.to
#tldr Why Design Systems, and a more structured approach to frontend engineering in general, might be...
1
1
5
Wowowow
Our Person of the Week is a Developer Experience Lead with a focus on developer relations, community building, and content creation. Please give a warm round of applause for... Tim Benniks! Thank you for everything you do for the community, dear @timbenniks! #smashingcommunity
7
1
26
Have you seen the @kickstartDS Content Prompter #MadeWithStoryblok by @tsnmp and his team? Select an idea, and this AI tool generates web pages from existing Storyblok content. Preview live in @storybookjs and import to @storyblok with one click! https://t.co/gTxaG0UwOJ
2
3
3
Guessing you didn't have this on your WordPress bingo card today? https://t.co/jMW6g4dRbQ
81
63
391
I was the 1,336th Netlify user! Guess and find out your user number. https://t.co/dBgARZgLki OK, I was also user number 1, but that was with my bitballoon email way before the public launch of Netlify... What's your number?
5-million-devs.netlify.com
Netlify has reached 5 million developers! Travel through the journey to see how we got here and where you played a role (pun intended) in our story.
7
7
28
... also using @storybookjs for the Prompter component, and the preview. @Netlify Core hosting, with some functions to communicate with Storyblok, and finally @supabase for the Open AI prompts (because of longer edge function timeouts).
1
0
0
... wouldn't it be nice to get content directly in the format your frontend and CMS expect? πββοΈ Hold my beer... πΊ
1
0
0
We already generate your @storyblok content configuration automatically, based off the JSON Schema used in @kickstartDS Design Systems. With @OpenAI launching Structured Outputs a few weeks back, and that also (somewhat) supporting JSON Schema...
2
0
0
π€ Small side projects are almost the most fun... add some AI into the mix, and π
π TGIF and we have exciting news! Here is a sneak preview of a super exciting new feature coming to the premium version of our CMS Starter for @storyblok, very soon! https://t.co/sTBLI9i3yO
1
0
0
After a year in the making, I'm excited to announce Code Hike 1.0! π Code Hike bridges the gap between Markdown and React to help you create technical content that takes advantage of the modern web v1.0 introduces two new features: - Fine-grained markdown - Headless codeblocks
14
84
657
Can't help myself π€ Some more impressions from outer space, before the weekend ππ π Constellation: "--c-rich-text--color"
0
0
1
... and wow! It actually works. Quickly opened a @storybookjs containing this Hero component, to quickly test the generated JSON in our own JSON Schema Storybook-addon, and there it is π
1
0
0
So, hopped into the Playground real fast, and what do you know... the model is already there. Quickly cleaned up one of our @jsonschema definitions (they, Open AI, don't support keywords like "default", "format" or "examples", yet?) for a Hero component, and gave it a run... πββοΈ
1
0
0
If your building UI components with @storybookjs make sure you include the a11y addon to ensure you catch accessibility issues asap. Accessibility kicked my ass at work this week, so decided to check how "accessible " my personal project is. Here's the results...
0
3
15
π‘Yellow: @kickstartDS Base Token π£Pink: Design Token for DSA ( https://t.co/2E9Q0Ev7yu) π’ Green: Component Token
about.design-system.agency
A Design System is nothing without a system applying it. Take off with our Starters. We bring you CMS starters to help setup your next professional website lighning fast.
0
0
1