I built a tool that generates a DESIGN.md from any website.
Paste a URL → get a semantic design document your AI agent actually understands: color relationships, typography, spacing logic, and component patterns.
Launching soon
We’ve added a new command: npx shadcn apply.
Instantly apply a full preset across your project. Swap components, themes, colors, CSS variables, fonts, and icons all at once.
Apply. Test. Repeat.
This engineer couldn't do design.
So he built a 3-layer agent harness and now he ships complete designs. Pixels, spacing, typography, everything.
If design is blocking your MVP, read this.
How to setup your Claude code project?
TL;DR
Most developers skip the setup and just start prompting. That's the mistake.
A proper Claude Code project lives inside a .𝗰𝗹𝗮𝘂𝗱𝗲/ folder. Start with 𝗖𝗟𝗔𝗨𝗗𝗘.𝗺𝗱 as Claude's instruction manual. Split it into a 𝗿𝘂𝗹𝗲𝘀/ folder as it grows. Add 𝗰𝗼𝗺𝗺𝗮𝗻𝗱𝘀/ for repeatable workflows, 𝘀𝗸𝗶𝗹𝗹𝘀/ for context-triggered automation, and 𝗮𝗴𝗲𝗻𝘁𝘀/ for isolated subagents. Lock down permissions in 𝘀𝗲𝘁𝘁𝗶𝗻𝗴𝘀.𝗷𝘀𝗼𝗻.
There are two .𝗰𝗹𝗮𝘂𝗱𝗲/ folders: one committed with your repo, one global at ~/.𝗰𝗹𝗮𝘂𝗱𝗲/ for personal preferences and auto-memory across projects.
The .𝗰𝗹𝗮𝘂𝗱𝗲/ folder is infrastructure. Treat it like one.
The article below is a complete guide to 𝗖𝗟𝗔𝗨𝗗𝗘.𝗺𝗱, custom commands, skills, agents, and permissions, and how to set them up properly.
Next.js 16.2: AI Improvements
• Next.js-aware browser lets Agents improve your app
• 𝙰𝙶𝙴𝙽𝚃𝚂.𝚖𝚍 included in 𝚌𝚛𝚎𝚊𝚝𝚎-𝚗𝚎𝚡𝚝-𝚊𝚙𝚙 by default
• Browser errors forwarded to terminal
• Dev server lock file prevents duplicate servers
https://t.co/ZCguYywhVV
Awesome CTO
A great github repo full of resources for software engineers and aspiring CTOs:
- Software Development Processes
- Hiring for technical roles
- Software Architecture
- Product and Project Management
- Career growth
Check it here:
https://t.co/2l1aCAqv2c
We've added the TextEditor component in @chakra_ui
✅ Built on Tiptap @tiptap_editor
✅ Fully composable and styleable
✅ Lots of examples to copy and paste
Check it out: https://t.co/lDnePxA2vO
Wrapping up first draft of Clean Code 2d. ed. Lots of new chapters and new content. It’s a massive upgrade. Lots of examples in many different languages like Python, Go, and Ruby, Much more on design and architecture.
Let's dive deep on what you can expect in @reactjs 19! 🤿
https://t.co/1kiTE2wQjt
It's long because I explain each improvement in the detail you want. Enjoy!
By far the strangest TypeScript trick I've ever come across is the Loose Autocomplete trick.
No idea who discovered this, but it's become widely used by OSS wizards.
It's now even used by React's types to type attributes like aria-role.
Problem: Using an open source component library often leads to bloat and inconsistency.
Why? Because each app has opinions. Each app needs to use the library's components in a specific way.
Solution: Wrap their components.
This avoids repeated config and enforces consistency.