# Scrawl guide Scrawl turns one HTML page into a shareable link. You only need to fetch URLs and make one POST: no shell, no install, no local files. With the Scrawl MCP server (https://scrawl.akli-reguig.workers.dev/mcp), the tools `get_recipe`, `publish_pad`, `update_pad` and `check_pad` make the calls below for you, with the same fields and replies. ## 1. Pick a recipe Fetch the closest one with GET, replace everything marked `EDIT`, keep the structure. Do not start from a blank page. Every recipe already looks good on a phone and in dark mode. | Recipe | Use when | URL | |---|---|---| | dashboard | key numbers, status, a table | https://scrawl.akli-reguig.workers.dev/recipes/dashboard.html | | compare | options side by side: products, listings, plans | https://scrawl.akli-reguig.workers.dev/recipes/compare.html | | chart | one chart (bar, line, pie) from data | https://scrawl.akli-reguig.workers.dev/recipes/chart.html | | table | many rows to search and sort | https://scrawl.akli-reguig.workers.dev/recipes/table.html | | calculator | inputs that give live results | https://scrawl.akli-reguig.workers.dev/recipes/calculator.html | | ranking | a ranked list with bars: results, shares, budget breakdown | https://scrawl.akli-reguig.workers.dev/recipes/ranking.html | | faq | items the reader opens to read more: FAQ, glossary, explainers | https://scrawl.akli-reguig.workers.dev/recipes/faq.html | | checklist | things to tick off, saved on the reader's device | https://scrawl.akli-reguig.workers.dev/recipes/checklist.html | | quiz | questions with scoring | https://scrawl.akli-reguig.workers.dev/recipes/quiz.html | | itinerary | a day-by-day plan, schedule or steps | https://scrawl.akli-reguig.workers.dev/recipes/itinerary.html | | diagram | a flowchart, process or architecture | https://scrawl.akli-reguig.workers.dev/recipes/diagram.html | | map | places on a map | https://scrawl.akli-reguig.workers.dev/recipes/map.html | | article | a written summary or report with key points | https://scrawl.akli-reguig.workers.dev/recipes/article.html | | starter | anything else | https://scrawl.akli-reguig.workers.dev/recipes/starter.html | Fill the recipe in: - Replace every `EDIT` text with real content, and delete the HTML comments that contain `EDIT`. No `EDIT` may remain anywhere in the page. - Delete whole parts that do not fit (an alert, a card, a table). Keep the rest of the structure. - Keep `` in `` exactly as it is. It loads Tailwind 3, daisyUI 4, Alpine.js 3 and the Scrawl theme. Do not add other copies of these libraries. - Need two layouts? Copy the block you need from a second recipe. Mixing recipes is fine. - Invent plausible sample data only when the user gave none, and say so in the footer: `Source: sample data invented for this page, .` If the user gave the data but no source: `Source: provided by the user, .` ## What you can use Write HTML with daisyUI components and Tailwind 3 utility classes. No `