A screenshot of Figma showing a new color contrast checker built into the color picker within the properties panel.
Woohoo, a big win for accessible design! @figma.com now includes a *built-in* color contrast checker, making it easier to design for everyone. 🎨
If you mean those particles then you can find code here github.com/Idered/chalk...
I'm just building it for fun and to learn how ai agents work. I'm not even sure if I'll release this
I've added multi-file edit 🎉
I'll now add "Deploy to Vercel" and try to ship it.
Any suggestions for app name?
Added diff and changes confirmation. I couldn't figure out how to make ai model generate a proper diff so instead I asked it to generate changes in this format:
<<<<<<< SEARCH
current code with additional context
=======
updated code
>>>>>>> REPLACE
In case anyone is wondering about the pretty code, that's chalk.ist by @idered.bsky.social - I stumbled across a link to it here on bluesky 🦋 a while back 😻
added openrouter integration and now I can do single file modifications 😁 let's see if I can add support for multi-file modifications
WIP - tinycode app, local code playground
Did a little fun experiment where I directly manipulate the game window and even cursor from inside VR. 🐧🪟🖱️
#GodotEngine #gamedev #indiedev
better-fetch supports dynamic parameters - I've not seen this in other libs
It's even better when you point it to the latest docs directory.llmstxt.cloud
Trae is best looking VSCode fork I've seen in a while:
www.trae.ai
Added SVGO, which means that every SVG included in copied figma element will be minified, easy
✅ Vector rendering
Now I'll focus on using AI to clean up generated code. These designs were mostly made without using auto layout so a lot of things use position absolute instead of flex layout.
Day 5 progress: I can now copy whole layouts. Still far from perfection and no vector support yet.
Figma file by @guerriero.bsky.social 🐐
#figma #vscode
✅ tailwindcss integration
✅ auto layout support
⏭️ use tailwindcss theme instead of arbitrary values
⏭️ link component instances to files and auto import when pasted
Copy-paste Figma to VS Code 🔥
This is just proof of concept and there's still a ton of work but yeah, it should be as simple as ⌘+C / ⌘+V
No worries, I'll add it, just not now. I have a big update coming
I'm trying to figure out a project list page in chalk.ist
A code editor with the content: what app do you use to generate beautiful code screenshots?
never get tired of answering this one - it's the inimitable chalk.ist!
check it out - it's so configurable and really lovely to use, not to mention open-sourced on github.com/Idered/chal... ⭐️
roe.dev/ama
#ama
playing with new logo for chalk.ist
unstorage.unjs.io 1.14 is out:
🌟 6 New Drivers: Upstash, SQL (db0.unjs.io), Vercel Blob, Deno KV, S3, and Uploadthing.
🙌 Typed Storage Interface and other enhancements.
github.com/unjs/unstora...
Yup, it will be open source but I'm going to change license from MIT to AGPLv3 - same as Dub and Plausible. Also part of this feature will be paid
Experimenting with timeline
Back to Cursor
I just gave Zed another try
What I liked:
- you get $10 credits to use Claude 3.5 Sonnet
- they have usage based pricing for AI stuff, this is great compared to Cursor's 20$/mo
What didn't work for me:
- you can't apply generated code, you need to copy paste from chat
- autocomplete was sluggish
