
Grow your online business faster with AI-powered, handcrafted resources · https://xitter.cf/t.co/qAKksndJvt · https://xitter.cf/t.co/vDTAm93KWv · by @pixelcave_john
Crafted with love
Joined September 2010
- Tweets3.5K
- Following304
- Followers885
- Likes1K
Pinned Tweet
New project!!! 👀
After about 6 years, I'm finally launching something new and I'm really excited about it.
I've been building and selling dashboard templates and component libraries for over 15 years. Some of my products have been actively maintained for over a decade. Supporting them properly kept me heads-down, so new launches took a back seat. That changes today.
The problem: you built your marketing page with AI or a custom design, but the product sections still look empty. Simple icons, abstract images, or static illustrations where you present your product are a quick way to end up generic, matching every other site. Standing out is the hard part.
Introducing CodedVisuals: animated visual compositions, in code, for your marketing websites and landing pages. Charts, browser mockups, social proof, code blocks, connection diagrams and so many more. The part of a marketing page that's hardest to get right (even with AI) and easiest to get wrong.
Each one is a single React component. Install it with the shadcn CLI or copy the source, theme it to your brand in seconds, and animate it on scroll. You own the code, so you can change anything.
It even ships with a complete and detailed skill package for your AI agent: tell it the feature sections you want, and it installs and builds the whole thing with the right visuals dropped in and themed to your brand.
A next-generation product, made for the AI era.
This is just the beginning. The library will keep growing with new visual compositions, supported for years, the way my products always have been.
It's live now, and early birds get the founding spots. Link and details in the first reply.
A repost today means more than you'd think. Thank you! 🙏
tailkit's mcp server on steroids 💪
ui design will never be the same again, this is the new era
huge update to tailkit's mcp server and as always completely free
if your client supports mcp apps, you can now visually navigate through the whole library directly from your ai chats
it comes with amazing new features out of the box:
→ brand new collections: save your favorite UI components or create custom lists for your projects (tailkit app)
→ access all collections from mcp: list or directly use your saved components to build your websites and web apps only from them
→ mcp ui app: search and find any component you like (screenshots included) and directly use them in your agents
tell me what you are building next and stay tuned for more useful integrations
pixelcave retweeted
no more boring marketing websites built with shadcn/ui and react
with every new animated illustration, you get tons of variations to choose from..
..and with the included skills, you agents know which one to use in each case out of the box
this shadcn/ui library is getting bigger and better with every update
i just added 2 new animated visuals to the geo category
- geo/edge-network.tsx
A dotted world map where a request hops to the nearest edge node, with latency chips comparing the edge to a distant origin server.
- geo/geofence.tsx
A softly faded street map with a drawn zone, tracked devices driving its irregular roads, and a toast that pops each time one enters the zone.
cooking more this week
if you are using react and agents, check this out
this shadcn/ui library is getting bigger and better with every update
i just added 2 new animated visuals to the geo category
- geo/edge-network.tsx
A dotted world map where a request hops to the nearest edge node, with latency chips comparing the edge to a distant origin server.
- geo/geofence.tsx
A softly faded street map with a drawn zone, tracked devices driving its irregular roads, and a toast that pops each time one enters the zone.
cooking more this week
🔥👨💻👩💻
are you vibe coding your own beehiiv platform?
opus 5.5 + tailkit's MCP server can bring your handcrafted dashboard UI to life in no time
↓ prompt
"I'm vibe coding my beehiv (newsletter platform) alternative. Use Tailkit components and build me the main dashboard of such platform by using a-l-various-03 as the main layout. Use purple for primary and zinc for secondary. Don't use contextual colors, focus on simplicity and main ones."
🚀
we are just getting started! 🚀
pixelcave retweeted
are you still vibe coding your marketing websites without a design system?
no more because I put together the ultimate package for Astro websites your AI agent already knows
i built it because I needed it for myself but I made it available to all
→ astrobuildkit.com
How can it help you?
- far less tokens usage, the design is already there
- updating and bringing in the latest new features is a skill away
- heavily tested foundation to ensure you won't have to fight your agents, so you can focus on making your website the way you want
- adding/removing parts of your website with consistency, like a designer you hired would do it
- building and delivering websites to your clients with much more confidence knowing you have a well tested foundation
this is just the beginning and so much more are coming, so be sure to stay in the loop!
build by humans for humans and their ai agents
i just added the much needed personal touch
made by humans for humans and their ai agents
this is the ultimate design system to create static websites with Astro
I will keep improving and evolving it for many years to come
if you are one of the first people to get access ↓
you rock, thank you so much for your support 🙏
🥳🙌
i made it! i launched Buildkit for Astro yesterday 🙌
my 3rd big project after Tailkit and CodedVisuals
exactly 6 years after Tailkit v1.0 launched!
it's a well thought project i created for me originally and decided to make it available for you as well
i run a local web agency and wanted a solid foundation for any client website that i will work on
so, I created a design system with Astro framework, Tailwind CSS, shadcn/ui tokens, motion and animated visuals
then I put together a carefully crafted AI skills package to let agents create websites using it for you
this way you get a well-tested and solid foundation to customize and extend to match your needs
it took me many months to finalize the core decisions behind it and using it on building client websites along with the new redesigns for taildrops, taildashboards and pinemix helped me shape the first release
this is just the beginning and I plan to keep working on it, adding many designs and features I will need with all the new websites I build with it
thank god, i'll never have to rebuild and put together so many stuff with each new client or personal project which requires a static website
check it out and let me know what you think ↓
New project just starting its journey! 🥳 😍
Next generation Astro design system for AI agents and humans ↓
stop fixing what your AI agent got wrong in the design
today I'm launching Buildkit, the Astro design system your AI agent already knows
→ astrobuildkit.com
i've been building and selling dashboard templates and component libraries for over 15 years. Today also marks exactly 6 years since I launched Tailkit 1.0, and Buildkit is the biggest project I've shipped since
the problem: your agent can write the code, but it guesses the design. Spacing drifts, sections don't match, props get made up, and every page ends up looking generic. Fixing it by hand takes longer than building it
Buildkit gives your agent a real design system to build with: 41 core blocks in 17 families, 19 backgrounds, 9 themes plus your own brand theme, dark mode everywhere, and 60 animated visuals from CodedVisuals included
each core block turns into many designs through its props, slots, backgrounds, and themes
the rules ship as skills, so your agent builds with them instead of guessing. Fill in a brief, run /buildkit-website, and it proposes every page for your approval, then builds it. /buildkit-audit checks it before launch. Works with Claude Code, Codex, Cursor, and more
static Astro, fast and accessible by default. You own the code, so you can change anything
it keeps growing with lifetime updates through /buildkit-update that keep your changes, supported for years, the way my products always have been
it's live now, and the first 150 buyers get early bird pricing
a repost today means more than you'd think. thank you so much! 🙏
PS: I ran out of time, so the launch video was made with Claude Opus 5.5. I'll be back soon to walk you through the design system myself, so stay tuned!
fresh animated illustrations landing every week!
this shadcn/ui library is always growing with new animated visuals for your landing pages
- ai/writer.tsx
- automations/workflow-builder.tsx
- ai/* all visuals in the category were improved for even better performance
↓ 1,140+ variations now live at
codedvisuals.com/visuals
pixelcave retweeted
crafted for excellence
what do we have here?
you are seeing a sneak peek of my upcoming astro design system, coming this week
working on it for months already
- crispy design
- carefully designed system
- built for ai agents and humans
- a subset of codedvisuals library included
- themeable with shadcn tokens
- astro components with JS code
- react and shadcn/ui ready to be used if you want it (by default, only react is used for codedvisuals rendering)
so much I want to implement, so i keep postponing it but I have to release 1.0 now and take it from there
Almost ready! 🔥
what do we have here?
you are seeing a sneak peek of my upcoming astro design system, coming this week
working on it for months already
- crispy design
- carefully designed system
- built for ai agents and humans
- a subset of codedvisuals library included
- themeable with shadcn tokens
- astro components with JS code
- react and shadcn/ui ready to be used if you want it (by default, only react is used for codedvisuals rendering)
so much I want to implement, so i keep postponing it but I have to release 1.0 now and take it from there
your ui designer packed inside your agents!
vibe coding your our own ai agent powered customer portal?
use opus 5.5 and Tailkit's MCP server to put together a beautiful UI for your project with a simple prompt
"Build me a custom dashboard design for my self hosted customer support inbox.
It's not a traditional one since AI agents auto reply to all my customer requests using my trained data and I only have to reply in specific cases.
Use Tailkit components for the design using a-l-various-02 for the main app layout. indigo color for the primary and zinc for the secondary.
Don't use contextual colors, focus on using the main ones and keep design minimal."
new visuals landed! 😍
this shadcn/ui library is getting huge..
..and part of it is going to be included in the Astro design system I'm launching next week for marketing pages
for now, check out the new animated visuals under integrations: plugin-slot + logo-marquee
live → codedvisuals.com/visuals

















