Page-by-Page Build prompt

Coding18.1K

按已批准概念用单文件 React+Tailwind 构建页面

Build a single-file React + Tailwind page from an approved concept.

Full prompt

基于已批准的概念,构建 [首页/关于/等] 页面。

约束:
- 单文件 React 组件 + Tailwind
- 移动优先、响应式
- 性能预算:除非有充分理由,不使用任何超过 50kb 的库
- [第一阶段中的特定交互] 必须成为主视觉时刻
- 使用 frontend-design 技能以保证设计质量

把组件给我看。我会先审阅,再进入下一页。

How to use this prompt

1Copy the full prompt below
2Replace the [____] placeholders with your specifics
3Paste into DeepSeek / Claude / ChatGPT to run

Related Coding prompts

Prompt optimizer (meta-prompt)

Rewrites your rough request into a structured, reusable, high-quality prompt.

Refactoring Advisor

Turn code smells into actionable refactoring steps.

Security Audit Checklist

Generate a targeted code security audit checklist.