Software Engineer
Ho Chi Minh, Vietnam
Joined June 2015
- Tweets491
- Following244
- Followers43
- Likes993
Dương Đỗ retweeted
Vibe coders keep these in your toolkit 👇
vibeprompts.dev — 286 UI prompts for AI coding
opendesign.dev — open-source design tools for AI builders
transitions.dev — give your AI agent better animations
skill-issue.in — agent skills for design and frontend
isreadyforlaunch.com — check if your product is launch-ready
Save these for your next build 🔖
Dương Đỗ retweeted
Alright, I've made the shadcn/ui skills really good at 𝙳𝙴𝚂𝙸𝙶𝙽.𝚖𝚍.
Ask for a design system and it picks a preset, then builds everything: colors, tokens, type scale, elevation, styles the primitives and blocks.
Start with a solid foundation and build something unique.
Dương Đỗ retweeted
Make your UI look better instantly with these skills
1. frontend-design
ui-skills.com/skills/anthrop…
2. apple-design
ui-skills.com/skills/emilkow…
3. beautiful-shadows
ui-skills.com/skills/mengto/…
4. accessibility
ui-skills.com/skills/addyosm…
5. design-review
ui-skills.com/skills/superfu…
6. emil-design-eng
ui-skills.com/skills/emilkow…
7. shadcn
ui-skills.com/skills/shadcn-…
8. adapt
ui-skills.com/skills/pbakaus…
9. better-interface
ui-skills.com/skills/jakubkr…
10. interaction-design
ui-skills.com/skills/wshobso…
Dương Đỗ retweeted
/show-me is a phenomenal skill
Makes PR descriptions extremely easy to read
Basically a toolbox of "nice ways to look at code"
Nice work, @dexhorthy
github.com/humanlayer/skills…
Dương Đỗ retweeted
Brooooooooooooo... this feels like a dream come true for every developer & designer. 🦴
Now you don't have to manually design skeleton screens for your UI.
Boneyard automatically extracts the layout from your real UI and generates pixel-perfect skeleton loading screens from it.
Just wrap your UI components with Boneyard, run the build, and it creates the skeletons for you :)
Follow me for more amazing AI, Coding & Web Dev insights 💎
Dương Đỗ retweeted
Finally, got a component library for designers building AI interfaces.
not another generic UI kit.
👉beautifului.dev
Bookmark this one. 🔖
Dương Đỗ retweeted
This is an amazing list of tools. Adding a few of my favorites (not on the list).
Inspiration
- collectui.com
- recent.design
- mobbin.com/mcp
AI Code
- code.minimax.io
- x.ai/bot
Components
- canvasui.dev
- toolcraft.sh
- orbs.jakubantalik.com
- originkit.dev
Mac
- diabrowser.com
- maccess.io
- glaze.app
- mimestream.com
Dương Đỗ retweeted
Open Source Icon Libraries
1. lucide-animated.com
2. animateicons.in/icons/lucide
3. heroicons-animated.com
4. github.com/useAnimations/rea…
5. github.com/respeak-io/lucide…
6. icon-sets.iconify.design/lin…
7. movingicons.dev/icons
8. itshover.com/icons
Save this for your next project.
Dương Đỗ retweeted
25 loading buttons, open-source animated motion collection
13 webgl, svg/canvas/css, responsive, replayable, zero dependencies
loader-buttons.appllama.io
comment "LOADER" and i'll send you the npm + react native package
Dương Đỗ retweeted
推荐两个非常好看又好用的动效组件：
- 动态边界光束
beam.jakubantalik.com/
- 动态思考球
orbs.jakubantalik.com/
Dương Đỗ retweeted
More types added to the Thinking Orbs library.
Large and small sizes, light & dark mode, playground, zero dep
orbs.jakubantalik.com
npm install thinking-orbs
Huge shoutout to @a_brinza who also worked on this
Dương Đỗ retweeted
Border beam effect is now available for Swift and React Native
Dynamic colors, 5 types, playground, dark & light mode, zero dependencies
beam.jakubantalik.com
Dương Đỗ retweeted
I love the rise of free UI libraries built by designers who really care about the details.
Beautiful UI has 17 polished patterns for AI-native products, from thinking and streaming states to tool calls, approval cards, and diffs. Every component includes the source code, so you can give it to your agent and adapt the interaction to your own product.
beautiful-ui-five.vercel.app
Working on a little site for beautiful UI, specifically crafted for AI native products.
beautiful-ui-five.vercel.app
Dương Đỗ retweeted
A couple of before / after examples of the skills I've added last week.
I’ve added 4 new skills to the /better collection.
/better-accessibility
Finds accessibility issues and helps fix them.
/better-layout
Improves layout, spacing, hierarchy and responsiveness.
/better-writing
Makes product copy clearer, more concise and consistent.
/better-interface
Brings all the new and existing skills together to review and improve whatever you’re working on as a whole.
There are now 7 skills in total and the collection keeps growing to cover more and more areas.
npx skills add jakubkrehel/skills
github.com/jakubkrehel/skill…
Dương Đỗ retweeted
My project after running two great skills back to back: /improve from @shadcn and /improve-animations from @emilkowalski
Every bug I'd been staring past, found. Every transition, on one curve. Don't sleep on these while Fable is here.
Dương Đỗ retweeted
introducing namethatui.com
a dictionary for ui things you can see but can't name
made it because i'm primarily a designer, and my biggest resistance was always knowing what things are called when prompting my agents
it learns as people use it: every search teaches the site new words, and the built-in pocket dictionary grows with it
give it a try and let me know what you think
can't find something? dm me and i'll add it
i want this to be the lowest resistance resource you have
you can just build things
Dương Đỗ retweeted
my top skills for designing with AI agents
🆕 emil kowalski github.com/emilkowalski/skil…
・impeccable impeccable.style
・taste tasteskill.dev
・layers layers.jamiemill.com
I also made a plugin based on Refactoring UI to help you make everything look more polished (but I'm not a designer): github.com/gnurio/refactorin…
find more here: prodmgmt.world/resources
Dương Đỗ retweeted
It's out.
The sounds your UI has been waiting for.
10 cues · synthesised live · 0 deps · ~2kb
cuelume-site.pages.dev/
