Ось як створити файл підказки, який самовдосконалюється з часом і допомагає генерувати набагато більш відшліфовані веб-додатки.

1. підключіть Claude до вашого додатку за допомогою сервера Playwright MCP
2. збережіть правила генерації компонентів у одному файлі
наприклад: src/lib/prompts/generation.tsx
3. попросіть Claude:
• відкрити localhost
• згенерувати компонент
• переглянути фактичний візуальний результат
• оновити файл підказки
• повторно згенерувати та порівняти
приклад підказки:
"перейдіть на localhost[:]3000, згенеруйте базовий компонент, перегляньте стиль і оновіть src/lib/prompts/generation.tsx для створення кращих компонентів у майбутньому"
замість повторення загальних шаблонів, таких як:
• градієнти пурпурно-синього
• центровані блоки героя
• стандартна симетрія Tailwind
це може спрямувати підказку до:
• тепліших кольорових систем
• більш оригінальних відстаней
• асиметричних макетів
• кращої візуальної ієрархії
• менше “зовнішнього вигляду AI” компонентів
дуже корисний шаблон, якщо ви хочете перетворити генерацію компонентів AI у реальний процес дизайну.