karimaballalearn

Uwanja wa mazoezi

Fanya mazoezi kabla ya kugusa mashine yako

Nakala zinazofanya kazi za programu halisi: Claude Code, programu ya Codex na Hermes Desktop. Chagua dhamira na mshale utakuonyesha pa kugusa baadaye. Gusa kitu kingine chochote nacho kitajieleza.

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.

Vipindi kila kimoja huhifadhi gumzo lake na folda yake

+ New session (Ctrl+N) huendesha kazi sambamba

Worktree: nakala tofauti, ili vipindi visigongane kamwe

Kisanduku cha maelekezo: Enter hutuma; andika tena kuuelekeza upya

Nakala ya mazungumzo: kila usomaji, uhariri na amri inayoendesha

Mwonekano wa nakala: Kawaida, Kufikiri au Kina (Ctrl+O)

Hali ya ruhusa: Mwongozo, Kubali uhariri, Mpango, Kiotomatiki, Kupita

Mahali inapoendeshwa: Ndani, Wingu, SSH au WSL

Modeli: kando ya Tuma, ibadilishe wakati wowote

Menyu ya +: Viunganishi, Amri za slash, Plugins

Customize: ujuzi, plugins na viunganishi mahali pamoja

Mipangilio: matumizi ya kompyuta, worktrees, swichi ya kupita

Vidirisha: diff, terminal, kivinjari, kazi. Buruta kupanga

Review code: Claude hutoa maoni kwenye diff yake mwenyewe

Views hufungua vidirisha zaidi