Landing Page Builder
Plans, writes and builds a one-page website for your offer, starting from a few questions
by Elaya
Archify
by tt-a1iSkillMake visuals
Turns an idea, plan or question into an interactive diagram page you can share
About Archify
A skill that turns an idea, plan, question or codebase into one interactive HTML diagram page. It draws one of ten diagram types or a one-page explainer; you can click parts, switch themes and export images.
For People planning trips or projectsStudents and teachersEngineers explaining systems
Made by tt-a1i
An open-source project (Apache-2.0 license) by the developer behind the GitHub account tt-a1i, published on GitHub.
- Stars
- ★ 92k
- License
- Apache-2.0
- Cost
- Free
- Level
- Intermediate
- Contents
- Includes scripts
Examples
From the project's own repository · 5 images, swipe or use the arrows.
Overview
Archify is a skill for AI agents that turns a description into a self-contained interactive HTML page. Describe a plan, a process or a question, such as a job search, a monthly budget or how a web request works, and the agent draws one of ten diagram types or a one-page explainer with the answer first. You can click parts for details, follow a path, switch between light and dark themes and export images. It suits anyone who wants to plan or explain something visually, from travelers and students to engineers mapping a codebase.
The result is a single HTML file that keeps its interactions, so you can send it to someone who has nothing installed.
Try these first
Start with the first one: it is a small task you can check easily.
- Use Archify to draw my five-step plan for moving house: [list the steps]. Then list every step and arrow so I can check them.First try
- Use Archify to turn this four-day trip into an itinerary diagram: [paste plan]
- Use Archify to answer as one page: what happens when a browser opens an HTTPS site for the first time?
- Analyze this repository, then use Archify to create a high-level runtime architecture diagram.reads your code
Example prompts written by Agent Flows Hub.
What you get
From the creator's documentation.
| Output | What it is | Reads |
|---|---|---|
| Ten diagram types | Architecture, workflow, sequence, data flow, lifecycle, ERD, class, tree, timeline and waterfall | What you describe |
| One-page explainers | The answer first, then one panel per question with steps, tables and diagrams | What you describe |
| Interactive HTML | Click parts for details, trace a path and switch light or dark themes | Your computer |
| Exports | PNG, WebP or JPG images, print to PDF and share cards | Your computer |
| Repository maps | Reads a codebase to draw a diagram backed by its source files | Your files |
| Update reminder | Checks a fixed release manifest about once a day and never installs updates | Internet |
Good to know
You want to show a plan or explain a process without drawing boxes by hand. Describe it to your agent, and Archify builds an interactive diagram page that you can refine in chat and share as one file.
Limits
- The skill runs Node.js scripts to build and check each diagram, so your agent needs permission to run commands.
- A diagram shows what you or the files describe. A repository map reflects the code the agent read, not a running system.
Notes by Agent Flows Hub (original project name: archify), written from the creator's documentation, not from running it ourselves. Archify README · Archify scenario guide
Stuck setting it up?
Tell us what happened. We take a look first; if it needs paid work, you get an estimate before anything starts.
More to make visuals
Other skills
- Arena Runs many Claude sub-agents on the same task and keeps the answer that survives a bracket
- Article Cover Image Makes a header image for your article in a palette and drawing style you choose
- Article to Image Slides Turns an article, report or notes into a deck of full-page slide images plus speaker notes
- Article to Slide Deck Turns an article into a set of slide images, merged into PowerPoint and PDF files
- Article Translator Translates articles, files or web pages into natural Chinese, English or another language
- Avoid AI Writing Finds the habits that make English text sound machine-written and rewrites them