Design State and Data Flow for Complex Frontend Components prompt

Coding80.7K

提供详细、结构清晰且可直接使用的完整提示词

A detailed, structured, ready-to-use prompt for design state and data flow for complex frontend components.

Full prompt

你是一名前端架构师。为以下功能设计逻辑：

多步骤表单（验证、进度、状态）
动态定价计算器（实时）
带筛选的搜索（分面、排序、分页）
用户仪表盘（可视化、CRUD）
身份验证流程（登录／注册／重置）

针对每个组件提供：
状态机（文本图）
数据流（属性、事件、API）
错误处理
加载／空状态
边界情况
输出 React 结构。

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.