AI Workflows
How to get more out of Claude, ChatGPT, and other AI tools, and turn what they build into something you can actually share. Prompting, iterating, and shipping the output as a live link.
Make AI Charts That Actually Say Something
How to make AI charts that actually communicate: takeaway titles, emphasis color, direct labels, honest baselines, and one prompt that gets it right.
Which Chart Should You Use? A Field Guide for AI Data Viz
Which chart should you use? A decision guide that matches your data's job to the right chart type, with AI prompts, examples, and the mistakes to avoid.
How to Brief AI Like You'd Brief a Designer
How to brief AI like a designer: the six parts of a real design brief, translated for AI, plus a copy-paste brief template that produces on-target pages instead of generic drafts.
Feel-Words: The Vocabulary That Art-Directs AI Design
A copy-paste vocabulary of feel-words to art-direct AI design output. Learn the exact adjectives for mood, type, color, and spacing that change what AI builds.
Turn Meeting Notes Into a Briefing Page With AI
Turn meeting notes into a briefing page with AI: the prompt and process that convert raw notes into a clear, scannable brief with decisions, owners, and next steps.
Build a Quiz with AI: From Questions to Scored Results
Build an interactive quiz with AI: write good questions, get the scoring logic right, and publish it as a live, shareable web page. Copy-paste prompts included.
Who this hub is for
- People using Claude or ChatGPT to build pages, tools, and prototypes
- Makers who want a repeatable path from prompt to published page
- Non-developers who generate code with AI and need to share the result
- Anyone tired of the gap between "the AI made it" and "others can see it"
Start with the pillar guides
The core reading. Work through these in order and you will know how to share anything you build with AI.
- 01Building with Claude and ChatGPT: The GuideClaude and ChatGPT can turn a plain-language prompt into a real, working web page. This is the complete workflow guide, from first prompt to a published live link.
- 02How to Publish a Claude Artifact as a Real LinkClaude can build you a working page in seconds, but the artifact lives inside your chat. Here is how to turn it into a real link anyone can open.
- 03How to Share ChatGPT-Generated HTML as a LinkChatGPT wrote you a working page, but it lives inside your chat. Here is how to share ChatGPT-generated HTML as a live link anyone can open.
- 04Claude Artifacts Explained: What They Are and How to Use ThemArtifacts are the side panel where Claude builds real, working things: web pages, apps, docs, and diagrams. Here is how they work and how to get the HTML out.
Key concepts & definitions
The vocabulary of sharing and publishing AI work. Skim before you go deeper.
- Prompt-to-page
- The workflow of describing what you want, letting an AI generate the HTML, and publishing that output as a live link in one motion.
- Iteration loop
- Refining an AI-generated page by asking for changes, re-pasting the result, and updating the same link so the URL never changes.
- Artifact
- A self-contained thing an AI tool builds for you — a page, a component, a mini-app — that is ready to be shared once it lives at a URL.
Explore every section of AI Workflows
Frequently asked questions about ai workflows
How do I share what Claude or ChatGPT builds?
Can I update an AI-generated page after sharing it?
Do I need to know how to code to publish AI output?
Ship your AI output as a link
Go from prompt to a published, shareable page with VisiblePage. Your first page is free, no credit card.
Publish your page free