Anatomiya ng prompt

Sa Module 1, pinasulat mo kay Claude ang isang text file. Ngayon, papagawa ka sa kanya ng isang bagay na kita mo talaga: isang web page tungkol sa sarili mo, tumatakbo sa sarili mong browser.

Hindi mo kailangang marunong sa HTML. Iyon ang punto.

Maghanda

Buksan ang terminal mo, pumasok sa project folder na ginawa mo, at simulan si Claude.

cd my-first-project

claude

Ang una mong tunay na prompt

I-type mo ito at pindutin ang Enter:

make a file called index.html — a simple one-page website about me, with my name as a heading, a short paragraph about what I'm learning, and a list of three things I want to build

I-approve mo. Tapos lumabas kay Claude gamit ang /exit at buksan ang file.

start index.html

Isang web page. Sa iyo. Gawa sa isang pangungusap.

Bakit gumana ang prompt na iyon

Balikan mo ang tinype mo. May tatlong bahagi iyon, at pareho ang tatlong bahaging iyon sa bawat magandang prompt:

Ikumpara mo iyon sa kadalasang tina-type ng karamihan sa simula:

make me a website

May gagawin nga si Claude. Pero kailangan niyang hulaan ang topic, ang mga section, ang file name at ang style. Gugugulin mo ang susunod na sampung minuto sa pagtatama ng mga hulang sana ay naiwasan mo sa sampung salita.

Saan, ano, at kung kailangan, bakit. Iyon na ang buong template.

Mamaya pa mahalaga ang "bakit"

Mahalaga ang ikatlong bahagi kapag may desisyong kailangang gawin si Claude na importante sa iyo:

in index.html, make the text bigger and darker, because I'm showing this to my grandmother and she finds it hard to read

Kung walang dahilan, basta na lang pipili si Claude ng size. Kapag may dahilan, mas may sense ang pipiliin niya — at baka may gawin pa siyang hindi mo naisip hingin, tulad ng pagdagdag sa line spacing.

Subukan mo ngayon

Simulan mo ulit si Claude at baguhin ang page mo. Gamitin mo ang tatlong bahagi.

in index.html, add a section at the bottom with a way to contact me, because I want to share this page with friends

Buksan mo ulit ang file. Basahin mo kung ano ang nagbago.

Susunod: kung ano talaga ang hitsura ng "specific", sa page na kagagawa mo lang.