
完整作品展
技术栈
60 projects


设计、动画化并导出元胞自动机图案
@majo_puterka · X
Nerdy, browser-based pattern generator on Wolfram's cellular automata. SVG export, freehand mode, free.

VanillaPad - 编辑和预览HTML应用的移动工作区,支持ChatGPT、Claude和Gemini。
u/heisenberg2995 · Reddit
I built a mobile workspace to edit and preview the HTML apps ChatGPT/Claude write for you. Hey everyone! I built VanillaPad , a mobile workspace for building simple HTML/CSS/JS projects. 👉 https://vanillapad.dev The idea came from something I kept running into. Sometimes I'd need a simple utility app or a quick landing page or to test a little game idea. Getting the initial code written was easy since I could just ask ChatGPT or Claude on my phone. The hard part came af

Flint是为AI代理设计的可视化语言,用于创建交互式数据可视化。
chenglong-hn · HN
Data visualizations are the bridge between user and data. But building AI agents that can generate visualizations reliably can be very tricky: - simple chart specs can be reliable, but generated charts are often of low quality due to reliance on system defaults; - complex chart specs with explicit details can produce good-looking charts, but they are verbose and agents can struggle with reliability We figured out it is a limitation on the language issue (not just AI capability thing) -- current visualization languages are a bit too low-level for AI agents, requiring them to explicitly make visual decisions that are supposed to be handled by a good compiler. Flint is a visualization intermediate language to address this issue, allow AI agents to solve this last-mile human-agent interaction problem. It provides a simple semantic-type based specification, and contains a layout optimization engine that can produce good-looking charts (filled with derived low-level details) from simple


捕获UI元素及其代码上下文,与AI代理分享以调试视觉缺陷。
Loerei · HN
I found that describing where a broken UI is and taking screenshots for AI agents really sucks. I’m too lazy to explain an indescribable visual bug or capture a millisecond-long flash. I also don’t want to remember which file defines an element, whether it's right in the .tsx or a problem with the Parent Styles in .css. And even if you can point out the exact file, your agent still has to dig through thousands of lines of code to know what on earth you're yapping about. In a 7700-file monorepo like Cal.com, simply giving the right file in the prompt for your agent saves about 68.9% of execution time and 94.2% of the tokens your agent needs to digest. HoverSource gives all the needed information and further pushes it to -88.5% time and -94.5% tokens, basically skipping the entire digging session and jumping straight to reasoning and executing. The save is linear to how big your codebase is. I want to save tokens, but don’t want to spend my time and energy digging manually, and a junio

在浏览器中批量处理图片,支持工具链、本地AI和格式转换。
BulkPicTools — 免费浏览器端图片批量处理工具,支持**工具链串联**(压缩→转格式→裁剪一次完成,无需重复上传),本地 AI 去背景/人脸模糊(WebGPU,无需 API Key),支持 200+ 张图片批量处理,文件不上传服务器。

免费图形设计和动画工具,支持AI文生图和图生图功能。
Canvave — 简单图形设计和动画制作平台。无须专业技能也能做出任意尺寸的精美设计;最高支持图片 3x 或动画 240 FPS 导出;内置基于 Flux 的 AI 文生图、图生图;适合电商卖家、广告设计、社媒运营、独立开发等有设计需求的群体

使用组件创建和设计 Markdown 文档,以组织和发布你的知识库。
@sidbyok · X
Write your documents in Markdown with a professional visual rendering without HTML/CSS, just native Markdown.


可嵌入的可视化工作流编辑器,支持AI驱动或纯逻辑设计。
tahazsh · HN
Hi! I’m Taha. In many agentic products that support workflows (including one I worked on), I noticed they either don’t support node-based editors, or use React Flow and go through the difficult work of integrating it into their product to run it and work with their existing logic. So I thought about creating a tool that could help with this by closing the gap between the editor and the runtime. That’s why I created Wayflow. The basic architecture is simple: you just need to create a graph (which is a JSON object) that the runtime knows how to run. The runtime doesn’t care where that graph is coming from, it just needs the right schema. And with the help of the editor, you can create the graph, and then export it or directly save it on your backend in your database. And then when you want to execute it, you just hand it to the runtime. The runtime can either stream the execution (which is useful for the editor), or give you the final result. How you execute the graph is up to you: t

屏幕录制自动生成分步指南和培训文档
@Amit63390 · X