karimaballalearn

Playground

Entraînez-vous avant de toucher à votre machine

Des copies fonctionnelles des applications réelles : Claude Code, l'application Codex et Hermes Desktop. Choisissez une mission et une flèche vous montre où cliquer ensuite. Cliquez sur n'importe quel autre élément et il affiche ses explications.

Missions

Pick a mission. An arrow shows you where to tap next, and waits for you.

Bilingual bakery page ▾bakery-site⎇ main worktree
Build a one-page site for a bakery in Arabic and English. It has to work on a phone.

I'll read the project first, then add an Arabic page with a language switch.

Thinking: the Arabic page needs lang="ar" and dir="rtl", and a font with Arabic letters.
Read 2 files

● Read index.html

● Read styles.css

Plan

  1. Add ar/index.html with dir="rtl"
  2. Add a language switch to both pages
  3. Check both pages at 390 px wide

● Edited index.html +48 −2

Review this edit

● Run npm run build

Allow this command?

Checked by the auto-mode classifier

High
2 files changed
index.html
- <nav>
+ <nav>
+   <a href="/ar/" hreflang="ar">العربية</a>
ar/index.html  new
+ <html lang="ar" dir="rtl">
+ <h1>مخبز الحي</h1>
~/bakery-site $ npm run build
[your build output appears here]

No background tasks running.

Chat

Everyday conversations with Claude. Software work lives in the Code tab; longer jobs and Dispatch live in Cowork.

Dispatchone conversation for your tasks

Message Dispatch a task. It decides how to handle it.

~/bakery-site — claude

$ cd bakery-site && claude

Type a task, / for commands, Shift+Tab to change mode.

>

⏸ manual mode on

Claude DesignResearch preview

Neighbourhood Bakery

Fresh bread from 6 am

Sourdough, date rolls and Friday specials, a short walk from home.

Order for pickup

مخبز الحي

خبز طازج من السادسة صباحًا

اطلب للاستلام

Illustrative layout. Claude Design is an Anthropic Labs research preview (April 2026) that turns prompts into designs, prototypes and decks; its real interface differs.

Simulation for learning. Labels follow Anthropic's Claude Code docs, checked 2026-09-30; the real apps can differ.

Sessions : chacune son chat et son dossier

+ New session (Ctrl+N) : tâches en parallèle

Worktree : copie isolée, sans conflit entre sessions

Zone de prompt : Entrée envoie ; retapez pour réorienter

Transcript : chaque lecture, modification et commande

Affichage : Normal, Thinking ou Verbose (Ctrl+O)

Mode de permission : Manual, Accept edits, Plan, Auto, Bypass

Où il tourne : Local, Cloud, SSH ou WSL

Modèle : à côté d’Envoyer, changeable à tout moment

Menu + : connecteurs, commandes /, plugins

Customize : skills, plugins et connecteurs au même endroit

Réglages : usage de l’ordinateur, worktrees, bypass

Panneaux : diff, terminal, navigateur, tâches

Review code : Claude commente son propre diff

Views ouvre d’autres panneaux