The published documentation source lives in docs/. VitePress builds it into
the site.
- Copy
templates/topic.mdto the appropriate folder underdocs/. - Use a short kebab-case filename, such as
crop-an-image.md. - Replace the title, description, steps, and screenshot TODO.
- Add the page to
docs/.vitepress/config.mtsin the correct sidebar. - Add screenshots under
docs/public/images/<topic>/and reference them as/images/<topic>/<filename>.png. - Run
npm run docs:buildand fix every broken link before publishing.
Pages containing <p class="guide-outline"> are structured outlines. Remove
that element only after the instructions and screenshots have been verified
against the current app.
- Write for users. Do not mention Dart classes, providers, or implementation details.
- Use the exact English labels from
assets/translations/en.jsonin the app repository. - Put one action in each numbered step and state the visible result.
- Explain Projects versus Photos whenever saving behavior matters.
- Mention Premium before the first gated step.
- Do not describe Layers as available; its tablet control is currently a placeholder.
- Do not call the Loupe annotation tool canvas zoom.
- Never include real personal data in screenshots of privacy tools.
- Do not promise a fixed price. Store price and currency vary by region.
- Steps were repeated in the current app on the relevant phone or tablet UI.
- Android/iOS and Projects/Photos differences are documented where applicable.
- Premium requirements are visible before gated actions.
- Screenshots are current, consistent, and have useful alt text.
- Related links work and
npm run docs:buildsucceeds. - The outline notice has been removed.
- Workspaces:
lib/screen/gallery/gallery_handle_widget.dart - Projects:
lib/screen/projects/projects_screen.dart - Photos:
lib/screen/gallery/photos/gallery_scafford_widget.dart - Phone editor:
lib/screen/drawing/widgets/drawing_controls.dart - Tablet editor:
lib/screen/drawing/tablet/ - Tool groups:
lib/model/iap/constants.dart - Tool and feature catalog:
lib/core/editor/editor_tool_id.dart - Properties:
lib/screen/drawing/widgets/props/ - Notes and export:
lib/screen/drawing/drawing_container.dart - Settings:
lib/screen/help/view/workspace_widget.dart - UI labels:
assets/translations/en.json
The public guide is currently English. Keep /docs as the English source of
truth. When localization begins, translate only completed English topics and
use a separate VitePress locale tree rather than mixing languages in one page.