gui.new: Tool for Claude to Render Visual Output as Shareable Links
What gui.new Does
gui.new solves a specific workflow problem: when you ask Claude to build visual elements like dashboards, charts, or UI mockups, it typically returns code blocks that you must copy, save as HTML files, and open in a browser. gui.new eliminates that step by having Claude render visual output as live shareable links directly in the conversation.
How It Works
To use gui.new with Claude, paste this line into your conversation:
Read https://gui.new/docs/llms.txt - use gui.new to render any visual output as a shareable link. Apply this anytime you'd normally show a table, chart, dashboard, or UI mockup.
After pasting this instruction, when you ask Claude for visual elements, you'll receive clickable links to fully rendered pages instead of code blocks. These links are shareable with anyone.
Technical Implementation
The tool was built primarily with Claude: Claude Code was used for the codebase, and regular Claude was used for designing the API and iterating on the architecture. The implementation is a Next.js application deployed on Vercel with Supabase handling storage and real-time synchronization.
Current Status
gui.new is currently free and requires no signup. The creator describes it as "still early" and is seeking feedback on what breaks and what additional functionality users would want.
📖 Read the full source: r/ClaudeAI
👀 See Also
GrapeRoot MCP Tool Reduces Claude Code Token Usage by 50-70%
A developer built GrapeRoot, an MCP tool using Claude Code, that tracks explored files and avoids re-reading unchanged content, reducing token usage by 50-70% and making $20 Claude Code plans last 2-3× longer.
Awesome OpenClaw Skills Repository Provides 5,400+ Filtered Skills
A GitHub repository called awesome-openclaw-skills offers 1,715+ production-ready skills that AI agents can install with one CLI command, filtered from the official OpenClaw Skills Registry.
Flue: A TypeScript Framework for Building Autonomous Coding Agents
Flue is a TypeScript framework that provides a programmable harness for building autonomous agents, featuring skills, sessions, sandboxed shell execution, and a built-in virtual sandbox. It can replace tools like Dosu, Greptile, CodeRabbit, Devin, and Claude Code with custom agent logic.
Agent Memory Protocol (AMP): Open Spec for Interoperable AI Agent Memory on Top of MCP
AMP defines a standard interface for persistent memory in MCP-compatible agents with six core verbs: encode, recall, forget, consolidate, pin, and stats. Includes compliance test suite and reference implementation.