# Tool: Prompt Tối Ưu Cho Thiết Kế Landing Page Bằng Tailwind CSS

> Tạo các prompt giao diện landing page chuyển đổi cao với BOP Prompts Frontend Styling Studio. Được thiết kế cho Web Designer, Marketer tối ưu chuyển đổi và Frontend Engineer, công cụ này xây dựng các prompt chỉ thị mô hình AI lập trình layout landing page sạch sẽ, chuẩn responsive bằng Tailwind CSS v4. Nó thực thi độ nâng đổ bóng tinh tế, kết hợp typography sắc nét, nút CTA tương phản cao và các quy tắc bố cục thị giác chống mẫu thiết kế AI rập khuôn.

**Category**: prompts-code-design | **Target AI Models**: Claude 3.5 Sonnet, Gemini 3.6 Flash

## Domain Parameters:
- `themeMode` (select): Phong cách giao diện (Theme) (Default: "Dark Mode")
- `layoutStyle` (select): Kiểu bố cục Landing Page (Default: "SaaS Bento")
- `includeAnimations` (toggle): Vi tương tác Hover & Hiệu ứng xuất hiện (Default: "true")
- `responsiveBreakpoints` (multiselect): Khung nhìn Responsive hỗ trợ (Default: "sm,md,lg,xl")

## Master Prompt Engineering Architecture (5 Pillars):
1. **Role & Persona**: Domain expert framing
2. **Task & Deliverable**: Primary objective & constraints
3. **Context & Parameters**: Technical specs & camera/stack parameters
4. **Negative Constraints**: Forbidden artifacts & bad practices
5. **Output Spec**: Section formatting & XML/Markdown structure

## Programmatic API Execution:
```http
POST /api/generate-prompt
Content-Type: application/json

{
  "toolSlug": "best-prompt-for-tailwind-css-landing-page-design",
  "rawPrompt": "Your raw concept here",
  "thinkingLevel": "HIGH"
}
```