Logo

Create your first tutorial with clarife

This tutorial was made entirely in clarife - the screenshots, annotations, frames, AI-assisted descriptions and the on-page embed you are reading it through are all product features you are about to see in action. Five steps separate a raw screenshot from a published tutorial.

Step 1: Capture a screenshot

Press Shift+Ctrl+3 and drag over the part of the screen you want to explain. The clarife capture app sits in your macOS menu bar and sends every capture straight to your workspace - no exports, no drag & drop.

Screenshot

Step 2: Annotate

Your capture is already waiting in the editor. Add an arrow, number the steps with badges, circle what matters and blur what the reader should not see. Every annotation in this tutorial was made exactly this way.
Screenshot

Step 3: The description? AI assist writes it

The step description does not have to come from your keyboard. Select a block, pick AI assist, and a draft appears straight from the screenshot's content. You can also rewrite, shorten, fix the tone of or translate any text into 11 languages - and every proposal waits for your approval before it lands in the document. A monthly allowance of assist actions is included in every plan.
Screenshot

Step 4: Enhance the screenshot

Screenshot Enhancer wraps a raw capture in a device frame and a gradient backdrop - one click and it looks like it came from a press kit.
Screenshot

Step 5: Share or embed

Generate a share link with your own branding, protect it with a password or an e-mail gate - or embed the tutorial directly on your site. The document you are reading right now is embedded with exactly that feature.
Screenshot

What else can the editor do?

• Headings build the automatic table of contents - in the tutorial's full view it sits right next to the content • Code blocks with syntax highlighting - example below • Tables - like the export format comparison underneath • AI video generation: voiceover, subtitles and animated slides from this very document

FormatWhat it is for
Link / EmbedA living document - always up to date, like this one
PDFPrint and offline
HTMLA static page for your own hosting
MarkdownFor a repo or knowledge base
Knowledge BaseA branded help center with categories and search (Business)
AI VideoA narrated tutorial in 11 languages
Bonus: this document was not written in the editor. An AI agent created it through the clarife API - with exactly this call:
bash
curl -X POST https://my.clarife.app/api/v1/documents \
  -H "Authorization: Bearer $CLARIFE_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "title": "Create your first tutorial with clarife",
    "content": { "blocks": [ ... ] }
  }'
From a screenshot to what you are reading - a few minutes. And as your tutorials grow in number, gather them into a branded knowledge base with categories and search. Create a free account and build your first tutorial today.
Screenshot