Dưới đây là cách tạo tệp prompt tự cải thiện theo thời gian và giúp bạn tạo ra các ứng dụng web ngày càng hoàn thiện hơn.

1. kết nối Claude với ứng dụng của bạn qua máy chủ Playwright MCP
2. lưu trữ các quy tắc tạo thành phần của bạn trong một tệp
ví dụ: src/lib/prompts/generation.tsx
3. yêu cầu Claude:
• mở localhost
• tạo một thành phần
• xem xét kết quả trực quan thực tế
• cập nhật tệp prompt
• tạo lại và so sánh
ví dụ prompt:
"đi tới localhost[:]3000, tạo một thành phần cơ bản, xem xét kiểu dáng, và cập nhật src/lib/prompts/generation.tsx để tạo ra các thành phần tốt hơn trong tương lai"
thay vì lặp lại các mẫu chung như:
• gradient màu tím-xanh
• khối hero trung tâm
• đối xứng mặc định của Tailwind
nó có thể hướng prompt đến:
• hệ thống màu ấm hơn
• khoảng cách sáng tạo hơn
• bố cục bất đối xứng
• thứ tự trực quan tốt hơn
• ít thành phần “giống AI” hơn
mẫu này cực kỳ hữu ích nếu bạn muốn biến quá trình tạo thành phần AI thành một quy trình thiết kế thực sự.