karimaballalearn

Playground

Practica antes de tocar tu máquina

Copias funcionales de las aplicaciones reales: Claude Code, la app de Codex y Hermes Desktop. Elige una misión y una flecha te mostrará dónde pulsar a continuación. Pulsa cualquier otra cosa y se explicará sola.

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.

Sesiones: cada una con su chat y carpeta

+ New session (Ctrl+N): tareas en paralelo

Worktree: copia aislada, sin choques entre sesiones

Caja de prompt: Enter envía; escribe para redirigir

Transcripción: cada lectura, edición y comando

Vista: Normal, Thinking o Verbose (Ctrl+O)

Modo de permisos: Manual, Accept edits, Plan, Auto, Bypass

Dónde corre: Local, Cloud, SSH o WSL

Modelo: junto a Enviar, cámbialo cuando quieras

Menú +: Conectores, comandos /, Plugins

Customize: skills, plugins y conectores juntos

Ajustes: uso del ordenador, worktrees, bypass

Paneles: diff, terminal, navegador, tareas

Review code: Claude comenta su propio diff

Views abre más paneles