
Applied Craft Line & Form
用线条和形状在浏览器中设计视觉艺术
@josephflaherty · X
by @golnik is the best vibe-coded software project I've seen, both in its aesthetics and the difficulty of its accomplishment. You can see the finished output of his work here:
完整作品展
技术栈
60 projects

用线条和形状在浏览器中设计视觉艺术
@josephflaherty · X
by @golnik is the best vibe-coded software project I've seen, both in its aesthetics and the difficulty of its accomplishment. You can see the finished output of his work here:

按行业、效果、风格、元素、部分和颜色浏览真实网站设计。
@refframe_com · X
A platform for web designers to find references

用AI自动将设计图转换成可用代码。
@AnimaApp · X
Image to code in 1 minute - 20x faster than Claude Code and with much higher fidelity. Try it at and let us know how we did 🤘

提供60+个滚动驱动分区过渡效果的React库,用于现代网站。
@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. 🚀

通过描述快速生成高保真UI界面,支持移动和网络应用。
@ninakolari · X
Google just dropped Stitch and it changes the entire vibe coding workflow. You describe what you want your app to look like. It builds full high-fidelity screens in seconds. No Figma. No designer. No credit card. Here is how to use it: Go to Sign in with your Google account. That’s it. You’re in. Instead of typing “make me an app” type this: “A lesson planning app for teachers. Clean and calm. Inspired by Notion. Minimal. White space.” The more specific you are the better your screens. Then refine with follow up prompts. Change the nav. Try dark mode. Get 3 menu variations. Or just speak it. Your screens become a clickable prototype in seconds. Click a button and Stitch generates the next screen automatically. Your entire app flow. Before you write one line of code. Then take it further. Export to Lovable or Cursor and build the logic on top. Use the MCP server to keep your design and code in sync. Pull any website’s design system in seconds. Save everything as

精心制作的 React 组件和模板,用于构建精美的用户界面。
@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.

用PressPilot创建定制品牌的WordPress网站,布局和内容,仅需数分钟。
@PressPilotapp · X
Launching today in product hunt, enjoy the launch event discount Or go to

Design like a master. Generate beautiful UI designs with AI using curated templates.
@DevInThePit · X

从提示词或图像生成无缝图案纹理,可预览、重新着色和导出。
Seamless Canvas — AI 无缝纹理生成器,通过文字描述或上传图像生成可平铺纹理 - [更多介绍](https://seamlesscanvas.com)

将图表图像转换为可编辑的 Visio、PowerPoint 和 draw.io 文件。
@ChenDavie_AI · X
Just shipped a new LayerBack update 🚀 Turn screenshots, photos, and diagram images into editable Visio or PowerPoint files — directly in the browser or via API. Image in. Editable files out. #buildinpublic #AI #SaaS

免费浏览器CAD编辑器,绘制和编辑2D设计并导出为DXF或PDF。
@KulmanLab · X
- a free and accountless alternative to Autocad

将想法组织为视觉地图,提取关键见解并转化为文档和演讲稿。
u/shadowosa1 · Reddit
I rebuilt my landing page after 300+ visitors still didn’t understand what my app does. I’ve been building a spatial thinking environment called ThinkSpatial, and one of the hardest parts hasn’t been building the product. It’s been explaining what it is in the first few seconds. The basic idea is simple. You speak or type, and your thinking gets turned into a visual map instead of disappearing into a chat box, doc, or note-taking app. My first landing page was way too focused on showing h