
RICOUI DESIGN
Local-first workspace for authoring, previewing, and exporting design systems.
@ricouii · X
我已经围绕 design.md 做了一个开源的工作台,以及品牌库 工作台支持模板编辑、预览、AI 生成、文件派生 token、css,品牌库方面还支持 HTML preview... 我还是相信 design md 是很有潜力的,比大部分的设计 skill 好用
The full gallery
Tech stack
16 projects

Local-first workspace for authoring, previewing, and exporting design systems.
@ricouii · X
我已经围绕 design.md 做了一个开源的工作台,以及品牌库 工作台支持模板编辑、预览、AI 生成、文件派生 token、css,品牌库方面还支持 HTML preview... 我还是相信 design md 是很有潜力的,比大部分的设计 skill 好用

Practice system design by submitting architectures and experiencing AI-triggered production incidents.
u/No-Preference-846 · Reddit
I built an AI-augmented system design practice tool that triggers a live production incident when you submit your design - not just a critique Every system design prep resource I used was static — read a diagram, read the tradeoffs, move to the next one. Nothing ever pushed back on what I actually built. So I built ChaosBench . You design a system on a canvas — drag components, wire them up — and when you submit it, an LLM (Gemini) finds the actual weak point in your specific design and

Organize all your brand assets and branding decisions in one place.
u/Andyrewden · Reddit
I built a tool to keep all your brand assets (and your brand sanity) in one place Hey everyone I run a small branding consultancy and got tired of watching early founders juggle logos, colours and half-remembered brand decisions across a mess of Google Drive folders. So I built Inzo. At its core it's a brand management tool, a proper home for all your brand assets, guidelines and decisions in one place. But the bit I'm most excited about is the inbuilt brand consultant. I've been building

Browse real website designs organized by element, section, style, industry, effect, and color.
@refframe_com · X
A platform for web designers to find references

React library with 60+ scroll-driven section transitions for modern websites.
@itz_sayan_03 · X
Ever wondered how cinematic scroll-driven websites are built? 👀 Meet SectionFlow—an open-source React library with 60+ ready-to-use section transitions, a one-command CLI, reusable sections, and optimized performance. 🚀

Hand-crafted React components and templates for building polished user interfaces.
@polyqoy · X
This video shows a fully animated 3D site built in 2 minutes with claude code. one terminal command. but the prompt was almost irrelevant. the real work was the pre-load: ui/ux pro max skill, a hero component from framer motion stacked in before claude touched anything the toolkit did the job. the prompt just pulled the trigger. that's also why most people's claude output looks generic. they skip the setup and blame the model.

Generate seamless patterns and textures from prompts or images, then export them.
Seamless Canvas — AI 无缝纹理生成器,通过文字描述或上传图像生成可平铺纹理 - [更多介绍](https://seamlesscanvas.com)

Generate Wireframes and UI Designs with the most flexible AI model. Design & Ship faster your products with AI.
@jf_watcher · X

Open-source design tool for creating graphics in the browser.
@akinkunmi · X
He trash-talked me and my amazing project ( unprovoked while all his projects are vibe-coded slop. That's why I named him King of Slop.

Generate complete software architecture, APIs, and database schemas from a text description in seconds.
@LandDebbarma · X
🚀 AI that turns your idea into production-ready system architecture in seconds. Build faster, design smarter.

Model and evaluate your project's quality standards with specifications, CLI, and agent skills.
craigsmitham

Reviews AI-generated code to detect architectural drift and quality issues.
@Sakthi_in · X
- Ship AI written code confidently. Catch drift before it compounds.