Berikut cara membuat file prompt yang dapat meningkatkan diri sendiri seiring waktu dan membantu Anda menghasilkan aplikasi web yang lebih halus.

1. hubungkan Claude ke aplikasi Anda dengan server Playwright MCP
2. simpan aturan pembuatan komponen Anda dalam satu file
contoh: src/lib/prompts/generation.tsx
3. minta Claude untuk:
• membuka localhost
• menghasilkan sebuah komponen
• tinjau output visual yang sebenarnya
• perbarui file prompt
• regenerasi dan bandingkan
contoh prompt:
"navigasi ke localhost[:]3000, buat komponen dasar, tinjau gaya, dan perbarui src/lib/prompts/generation.tsx agar menghasilkan komponen yang lebih baik ke depannya"
jadi alih-alih mengulangi pola umum seperti:
• gradasi ungu-biru
• blok hero yang terpusat
• simetri default Tailwind
itu bisa mengarahkan prompt menjadi:
• sistem warna yang lebih hangat
• jarak yang lebih orisinal
• tata letak asimetris
• hierarki visual yang lebih baik
• komponen yang kurang “terlihat AI”
pola yang sangat berguna jika Anda ingin mengubah pembuatan komponen AI menjadi alur kerja desain yang nyata.