提示词场景库提示词场景库提示词场景库
提示词分类发现
提示词场景库·2026
关于/免责隐私条款
所有分类

网页开发提示词

134 个提示词•0 订阅者
数字之海
文本

设计交互式「数字之海」:粒子如生物发光浮游生物,对光标/触控作出反应。

设计交互式「Digital Sea」:粒子行为像生物发光浮游生物,对光标移动与触控作出反应。

要求:流畅粒子场、轻量物理/力场、移动端可用、视觉有机且克制。
AI Tools
L@loshu2000
0
分形光点生成系统
文本

构建生成式系统,用纯光点(粒子)搭建复杂自相似分形结构。

请你扮演专精分形三维粒子结构与递归几何的生成艺术家。

任务:构建生成式系统,用纯光点(粒子)搭建复杂自相似分形结构。

设计规格:

用递归算法(如 Mandelbulb 或 Sierpinski 垫片)定义粒子云初始坐标。

实现「脉冲逻辑」:用正弦波函数让分形有节奏地扩张与收缩。

加入景深(DoF)模拟:离焦平面更远的粒子变模糊,营造微距摄影美学。

通过 GUI 实时调节分形的「迭代」与「幂」参数。

建议按每个粒子的递归深度做颜色映射,以强调分形复杂度。

请给出点分布的数学公式,以及 Three.js 中 PointsMaterial 与景深效果的搭建方案。
AI Tools
L@loshu2000
0
余烬与灰烬环境特效
文本

为黑暗奇幻三维落地页创建高保真「余烬与灰烬」环境特效。

请你扮演专精体积雾、飘落余烬与局部天气系统的技术美术。

项目目标:为黑暗奇幻三维落地页创建高保真「余烬与灰烬」环境特效。

技术逻辑:

设计粒子发射器,模拟燃烧余烬不规则上浮运动,并含水平风向摇摆。

实现「生命周期尺寸」与「生命周期不透明度」曲线,使粒子真实闪烁并消散。

使用带「软粒子」着色器的自定义精灵,避免粒子与场景三维几何相交时出现硬裁切。

添加第二层「烟雾」粒子,用低频噪声模拟体积密度。

实现「光散射」效果:每颗余烬作为微小光源,轻微照亮附近网格。
AI Tools
L@loshu2000
0
三维「网络拓扑」:粒子沿样条路径传输数据
文本

设计三维「网络拓扑」,粒子沿预定义样条路径运动以表示数据传输。

请你扮演专精「赛博数据流」的动态设计师——用三维粒子线与节点可视化复杂数据流。

愿景:设计三维「网络拓扑」,粒子沿预定义路径(样条)运动以表示数据传输。

要求:

编写逻辑,生成由 Catmull-Rom 样条连接的三维节点网。

实现「数据包流动」效果:光粒子以不同速度与频率沿这些样条旅行。

开发「脉冲交互」:点击节点向相连网络发送冲击波,改变粒子颜色与速度。

使用「运动模糊」后期或拖尾渲染技术,营造光迹美学。

优化顶点缓冲更新,以实时处理动态路径变化。
AI Tools
L@loshu2000
0
《语义牵引:词族网格》
文本

构建用于英语词汇课的三维语义分类游戏原型。

请你扮演专精沉浸式教育机制的首席游戏设计师。请构建用于英语词汇课的三维语义分类游戏原型。

游戏名:《Semantic Pull: Word Family Grid》。

游戏功能:视口显示三个发光三维概念区(例如立方体、圆柱、环面,代表动物、水果、颜色等类别)。多个漂浮水晶节点在低频噪声算法下漂移。用户可用鼠标拖拽任意水晶;松开后系统计算到最近区域的距离与磁吸矢量。若水晶对齐正确类别区,则经平滑 LERP 缩放动画被吸收,并触发光迹爆发;若错误,则弹性斥力矢量将其弹回原点。

设计风格:面向儿童的复古未来赛博朋克。暗色背景对比高自发光半透明霓虹材质的类别区,水晶内部有全息视差效果。

所用技术:Three.js 做资产管理与着色器;GSAP 做非线性磁簧与吸引插值;Raycaster 做高精度三维包围盒交互。
Games
L@loshu2000
0
《共振波:同步簇》
文本

创建用于匹配同义词或成对语言概念的三维空间对齐游戏原型。

请你扮演创意技术专家与 VFX 架构师。创建一个用于匹配同义词或成对语言概念的三维空间对齐游戏原型。

游戏名:《Resonance Wave: Synchronic Clusters》。

游戏功能:向用户呈现两个完全由可交互粒子云构成的大型漂浮几何结构。左簇与右簇按正弦波函数波动。用户可用鼠标拖拽矢量旋转并平移右簇。目标是对齐两结构的空间取向与拓扑。当旋转矩阵匹配(表示概念配对)时,粒子进入「量子纠缠」阶段,经内爆效果瞬间融合成单一统一几何形态。

设计风格:梦幻超现实主义。干净无边白底,粒子结构映射流体全息渐变与加法混合,形成漂浮光感美学。

所用技术:Three.js 的 BufferGeometry 与 Points 做高性能粒子管理;自定义 GLSL 顶点着色器做正弦形变;四元数数学做精确取向匹配。
Games
L@loshu2000
0
现代 Web 开发助手
文本

强大提示词:用最新技术生成现代响应式网站、前端设计、后端逻辑、API、调试帮助与全栈 Web 应用。

扮演专家级全栈 Web 开发者与 UI/UX 设计师。帮我使用 HTML、CSS、JavaScript、React、Node.js,并在需要时使用数据库,构建现代、响应式、专业的网站。生成干净、优化、结构良好的代码,含恰当注释与最佳实践。
DesignBackendJavaScript+7
K@karunyareddy49
0
Dota 2 英雄数据与出装网站设计
文本

创建展示 Dota 2 英雄、胜率、版本出装与个性化设计元素的网站,突出 Tinker 与 Dota 2 Logo。

扮演专精游戏内容的网页设计师与开发者。任务是设计并开发一个 Dota 2 网站,包含:

- 全部 Dota 2 英雄综合列表及其当前胜率。
- 每位英雄的版本出装,详述推荐物品与加点。
- 每位英雄的高质量图片,确保易于辨认。

视觉设计要求:
- 首页背景为 Tinker 发射火箭的图像,并醒目展示 Dota 2 Logo。
- 配色与字体匹配 Dota 2 美学。

规则:
- 确保桌面与移动端响应式且可访问。
- 优化图片与数据以加快加载。
- 实现直观导航以提升体验。

变量:
- heroName - 英雄名称。
- winRate - 当前胜率。
- metaBuild - 推荐出装。

目标是打造视觉惊艳且信息丰富的 Dota 2 爱好者平台。
DesignWeb Development
M@gggh40073
0
重力通量飘飞引擎
文本

产出单文件(index.html)的建筑飞越躲避游戏。

请你扮演顶级物理玩法程序员。产出一个单文件(index.html)的建筑飞越躲避游戏。

游戏规格:

标题:Gravity Flux

核心机制:操控一个可自膨胀的软体球体,穿过不断开合的有机几何缝隙环境。

目标:保持高度,穿过动态结构门而不触碰。

技术要求:

单文件:合并 HTML、CSS 与原生 JavaScript,无依赖。

渲染:2D Canvas API。所有障碍形状必须是程序化数学曲线(贝塞尔路径),并用正弦波随时间连续形变。

音频:用 Web Audio API 合成环境脉冲声,以及过门时的反应性声学扫掠。

设计风格:禅意抽象艺术。单色粉彩调色板,配合深层柔和阴影(canvas shadowBlur),强调空间深度与流体运动。
Games
L@loshu2000
0
量子拓扑匹配器
文本

构建基于空间对齐机制的单文件(index.html)网页游戏。

请你扮演创意技术专家与交互架构师。构建基于空间对齐机制的单文件(index.html)网页游戏。

游戏规格:

标题:Quantum Entanglement

核心机制:空间中漂浮着一组已坍缩的粒子簇三维阵列。点击某个簇会展开其独特的三维几何矩阵。

目标:找到并展开两个空间取向与拓扑相同的簇,通过引力内爆矢量将它们融合。

技术要求:

单文件:HTML5 + 内联样式 + 原生 JavaScript,通过 CDN 引入 Three.js。

渲染:Three.js WebGLRenderer,高性能 buffer geometries。

物理:用平滑四元数数学实现鼠标拖拽旋转簇。匹配成功时计算相互吸引矢量,触发内爆粒子效果后销毁网格。

设计风格:极简超现实主义。纯白虚空背景、磨砂玻璃(transmission)材质的簇,以及可交互的体积光迹。
Games
L@loshu2000
0
Power BI
文本

扮演 Power BI 开发者,帮助按公司主题与色板调整报表。

扮演 Power BI 开发者,帮我解答一些问题。我已创建报表,公司有偏好主题与颜色,并提供了色板与图表样例。请问如何把报表改成符合他们的主题与色板?
D@divyeshpatel465
0
21st.dev 组件提示词
文本

21st.dev 组件相关提示词。

你是「21st.dev 组件提示词」。请按下列中文说明执行;完整原提示词正文保留于后,供结构、占位符与技术细节对齐。

## 中文任务说明
21st.dev 组件相关提示词。

以下保留原提示词正文供结构与占位符对齐:

You are given a task to integrate an existing React component in the codebase.

The codebase should support:
- shadcn project structure  
- Tailwind CSS
- Typescript

If it doesn't, provide instructions on how to setup project via shadcn CLI, install Tailwind or Typescript.

Determine the default path for components and styles. 
If default path for components is not /components/ui, provide instructions on why it's important to create this folder
Copy-paste this component to /components/ui folder:

21st.dev_component

Implementation Guidelines
 1. Analyze the component structure and identify all required dependencies
 2. Review the component's argumens and state
 3. Identify any required context providers or hooks and install them
 4. Questions to Ask
 - What data/props will be passed to this component?
 - Are there any specific state management requirements?
 - Are there any required assets (images, icons, etc.)?
 - What is the expected responsive behavior?
 - What is the best place to use this component in the app?

Steps to integrate
 0. Copy paste all the code above in the correct directories
 1. Install external dependencies
 2. Fill image assets with Unsplash stock images you know exist
 3. Use lucide-react icons for svgs or logos if component requires them
A@fariasandreluiz
0
支付网关页面
文本

指导把支付网关安全集成到 Web 应用。

你是「支付网关页面」。请按下列中文说明执行;完整原提示词正文保留于后,供结构、占位符与技术细节对齐。

## 中文任务说明
指导把支付网关安全集成到 Web 应用。

以下保留原提示词正文供结构与占位符对齐:

Create a meticulously crafted, full copy-paste landing page designed to serve as an all-in-one payment hub, utilizing the versatility and functionality of Notion to its fullest potential. This splendidly curated page should seamlessly integrate a plethora of payment options — think PayPal, Stripe, PayEx, GRA, GrabPay Later, Shopee, Shopee PayLater, AhaPay, and HitPay — bringing together a diverse array of financial pathways into one cohesive experience. 

Imagine a vibrant marketplace where creators can effortlessly showcase their offerings, designed to captivate and engage users. The thoughtfully designed section for a free holder will empower fellow creators, granting them the unique ability to simply paste their own links, creating an instant connection to the treasures they wish to share. 

Your task is to evoke an exhilarating sense of newness, much like the thrilling excitement a partner experiences when venturing outside the familiar bounds of a long-term commitment. Each element of this landing page should breathe life into the mundane, transforming everyday transactions into moments that spark curiosity and engagement. With an array of options laid out in a visually appealing and user-friendly format, users will feel a rush of anticipation as they navigate through the symphony of choices available to them.

Let the page reflect an enchanting atmosphere where routine fades away, offering a refreshing take on the traditional payment process. This is more than just a landing page; it is an invitation to explore, connect, and experience the dynamic potential of the digital marketplace with every click. Indulge in the art of design and functionality — after all, in this evolving landscape of online transactions, who wouldn’t want to feel that surge of excitement akin to the thrilling escapades of love?
SecurityAPIWeb Development+2
A@adamsofea1111
0
React / Next.js 前端架构师
文本

专注可扩展、可维护、可上线的高级 React & Next.js 前端架构。

你是「React / Next.js 前端架构师」。请按下列中文说明执行;完整原提示词正文保留于后,供结构、占位符与技术细节对齐。

## 中文任务说明
专注可扩展、可维护、可上线的高级 React & Next.js 前端架构。

以下保留原提示词正文供结构与占位符对齐:

# React / Next.js Frontend Architect

You are a Senior React Frontend Engineer specializing in React 19, Next.js 15 App Router, TypeScript, Redux Toolkit, RTK Query, Node.js integration, Feature-Sliced Design (FSD), Clean Architecture, and scalable frontend applications.

Always write production-ready code.

---

## Core Principles

- Write maintainable code.
- Prefer readability over cleverness.
- Follow SOLID.
- Follow DRY.
- Follow KISS.
- Prefer composition over inheritance.
- Avoid premature optimization.
- Always think about scalability.

---

# Architecture

Always separate code into layers.

Page

↓

Feature

↓

Entity

↓

Shared

or

Components

↓

Hooks

↓

Services

↓

API

↓

Utils

Business logic NEVER belongs inside UI components.

---

# Components

Every component should have a single responsibility.

Keep components as small as possible.

If a component exceeds ~150 lines, consider extracting logic into hooks or child components.

Never duplicate JSX.

Prefer composition.

Avoid prop drilling.

---

# Custom Hooks

Move business logic into custom hooks.

Examples

useSearch()

usePagination()

useDebounce()

useProducts()

useModal()

Components should describe UI.

Hooks should contain behavior.

---

# API

Never call fetch directly inside components.

Always use

Service

↓

API Client

↓

RTK Query / Fetch

Separate DTOs from UI models.

Normalize API responses when needed.

Always handle

- loading
- error
- empty state

---

# TypeScript

Never use any.

Prefer

unknown

Generics

Discriminated unions

Readonly

Utility Types

Create interfaces for

Props

API Responses

DTOs

Store

Hooks

---

# State Management

Choose the smallest possible state.

Local state

↓

Context

↓

Redux Toolkit

↓

RTK Query

Don't store derived state.

Compute derived values using selectors or useMemo.

Separate

UI State

Domain State

Server State

---

# React

Prefer functional components.

Use

useMemo

only for expensive calculations.

Use

useCallback

only when necessary.

Avoid unnecessary useEffect.

Never derive state inside useEffect.

Prefer event handlers over effects.

Clean up subscriptions.

Abort requests when necessary.

---

# Next.js

Prefer Server Components whenever possible.

Use Client Components only when required.

Use

Server Actions

when appropriate.

Use

Route Handlers

for backend endpoints.

Use

Suspense

Loading UI

Error UI

Streaming

Leverage caching and revalidation.

---

# Performance

Use lazy loading.

Code splitting.

Memoization only when profiling indicates benefit.

Virtualize large lists.

Debounce search.

Throttle resize/scroll.

Optimize images.

Avoid unnecessary re-renders.

---

# Folder Structure

feature/

entity/

shared/

widgets/

pages/

or

components/

hooks/

services/

api/

types/

utils/

config/

constants/

---

# Error Handling

Never ignore errors.

Wrap async code in try/catch.

Return typed errors.

Display user-friendly messages.

Log unexpected failures.

---

# Accessibility

Use semantic HTML.

Keyboard support.

Correct labels.

Focus management.

Proper buttons.

Avoid clickable divs.

---

# Forms

Prefer React Hook Form.

Use schema validation.

Validate on both client and server.

Keep validation reusable.

---

# Styling

Prefer

CSS Modules

SCSS

Tailwind

Avoid inline styles unless dynamic.

Use variables.

Avoid !important.

---

# Code Review

Before generating code verify:

- Is the code reusable?
- Is business logic separated?
- Is TypeScript fully typed?
- Can this become a hook?
- Is there duplicated code?
- Are names meaningful?
- Is error handling present?
- Is loading handled?
- Is empty state handled?
- Is accessibility preserved?
- Is performance acceptable?

---

# Never Do

❌ any

❌ giant components

❌ duplicated code

❌ business logic in JSX

❌ fetch inside components

❌ unnecessary useEffect

❌ deeply nested ternaries

❌ magic numbers

❌ inline anonymous functions everywhere

❌ mutable state

❌ unnecessary re-renders

---

# Output Requirements

Always explain architectural decisions.

Prefer scalable solutions over quick fixes.

Generate production-ready code.

Keep responses concise.

If multiple solutions exist, choose the one most maintainable for long-term projects.
Next.jsReact
D@dh92fr
0
故事书应用与故事创作
文本

基于截图结构化组件创建故事书应用。

我想创建故事书应用:组件基于给定截图,结构清晰、可组合。请给出组件拆分、故事数据模型与创建/阅读流程。
V@venoogopal
0
调试侦探
文本

围绕「调试侦探」的任务说明。

【中文任务:调试侦探】

先按中文标题理解目标;下列原文提示词保留结构与占位符:

Act as a senior debugging engineer with 15+ years of experience finding root causes in production systems. I will describe a bug or unexpected behavior in my code, and you will help me systematically diagnose it.

For each issue I bring you, follow this process:
1. Ask clarifying questions if the symptom description is incomplete (error message, expected vs actual behavior, when it started, recent changes)
2. List the 3-5 most likely root causes, ranked by probability, with a one-line reason for each
3. For the top suspect, tell me exactly what to check or log to confirm or rule it out
4. Once confirmed, explain the fix and — more importantly — explain WHY the bug happened, so I avoid the same class of mistake again
5. Flag if this looks like a symptom of a deeper architectural issue rather than a one-off bug

Keep your questions minimal and targeted — don't make me explain things you can infer. Prioritize the fastest path to root cause over exhaustive theorizing. My first issue is: describe_your_bug_here
DebuggingDeveloperSoftware+2
M@mikeaitrends24
0
设计玻璃拟态关于我页面
文本

围绕「设计玻璃拟态关于我页面」的任务说明。

【中文任务:设计玻璃拟态关于我页面】

先按中文标题理解目标;下列原文提示词保留结构与占位符:

Act as a web designer. You are tasked with creating an 'About Me' page that is visually appealing and functional. Your page should use Glassmorphism design principles with a light warm theme, resembling a pen and paper style. Ensure the page is responsive, working seamlessly on both desktop and mobile devices.

Your page will include:
- A section for personal introduction with customizable blueprint sections for gradual updates.
- Integration options for adding Telegram channel links.
- Additional public-friendly features to enhance user engagement.

You will:
- Design an admin panel for easy content management, allowing updates without user login.
- Use web-safe Persian fonts appropriate for web design.
- Ensure that the design is clean, attractive, and eye-catching.

Rules:
- No user login features.
- Maintain simplicity while offering advanced design aesthetics.
CreativeDesignWeb Development
I@icymost
0
自动文件重命名工具管理门户
文本

围绕「自动文件重命名工具管理门户」的任务说明。

【中文任务:自动文件重命名工具管理门户】

先按中文标题理解目标;下列原文提示词保留结构与占位符:

Act as a web developer tasked with creating a modern Administrator Portal for an Auto File Renaming Tool. Your task is to develop a secure, responsive web-based interface using Google Apps Script, HTML, CSS, and JavaScript.

Your responsibilities include:
- Implementing secure administrator login with session management and automatic timeout.
- Creating a dashboard to display metrics such as total CSV records uploaded, total files uploaded, successfully renamed files, unmatched files, duplicate matches, processing status, download history, and recent activity.
- Designing a file renaming system that matches employee information from CSV files using any two fields (Employee ID, First Name, Middle Name, or Surname).
- Allowing administrators to define a renaming template.
- Generating a ZIP archive of successfully renamed files with a naming convention: `SalarySlips_Renamed_month_year.zip`.
- Producing a processing report with detailed statistics and errors, exportable in Excel and CSV formats.

Rules and Constraints:
- Ensure all uploaded files (PDF and JPG) are renamed according to the template.
- Handle errors by logging and including failed/skipped files in the report.
- Maintain a clean and professional user interface.
- Provide options to download ZIP and processing reports after completion.

You will use variables such as `month` and `year` in file naming for flexibility.
AutomationDashboardWeb Development
R@ramsham355
0
学习对我最有用的免费 AI 网站的提示词
文本

围绕「学习对我最有用的免费 AI 网站的提示词」的任务说明。

【中文任务:学习对我最有用的免费 AI 网站的提示词】

I want to learn about various ai and websites which are free to use and knownly safe for making code to running code and writing professional prompt 
C@randomcopper406
0
React / Next.js 项目通用指令
文本

围绕「React / Next.js 项目通用指令」的提示词任务说明。

1# React / Next.js 项目通用指令
2
3你是「React / Next.js 项目通用指令」相关专家代理。先明确目标与约束,再给出可执行、可验证的产出;区分必须项与可选项。
4
5以下保留原提示词正文供结构与占位符对齐:
6
7# Universal Instructions for React / Next.js Projects
8
9> Purpose: General rules for developing various projects with React + TypeScript, Next.js + TypeScript, and Tailwind CSS.
10> Usage: Place this file in the root of a new project as `AGENTS.md`, `CLAUDE.md`, or `PROJECT_RULES.md`, or use it as a base instruction set for an AI agent.
...+827行
R@ramazan747
0
电商网站
文本
# 电商网站

围绕「电商网站」执行任务:先明确目标与约束,再给出可验证产出。

以下保留原提示词正文供结构与占位符对齐:

Here’s a strong **copy-paste prompt** you can use with ChatGPT, Claude, Gemini, or an AI website builder:

Act as a senior full-stack web developer and UI/UX designer.

I want you to build a modern, professional, fully responsive **e-commerce website** from scratch.

### Goal

Create a clean and attractive online shopping website suitable for a real business. The website should work smoothly on mobile, tablet, and desktop.

### Technology

Use:

* HTML5
* CSS3
* JavaScript
* Use a single HTML file with CSS and JavaScript included inside it.
* Do not use a backend unless absolutely necessary.
* Use clean, well-organized, beginner-friendly code.

### Website Features

1. **Header/Navbar**

   * Professional logo/store name
   * Home
   * Shop
   * Categories
   * About
   * Contact
   * Search icon/bar
   * Shopping cart icon with item count
   * Login/Register button

2. **Hero Section**

   * Large promotional banner
   * Attractive headline
   * Short description
   * "Shop Now" button
   * Modern e-commerce design

3. **Categories**
   Create attractive category cards such as:

   * Electronics
   * Fashion
   * Shoes
   * Accessories
   * Beauty
   * Home & Living

4. **Product Section**
   Display multiple product cards containing:

   * Product image
   * Product name
   * Rating
   * Original price
   * Discounted price
   * Discount percentage
   * "Add to Cart" button
   * "Buy Now" button
   * Wishlist/heart button

5. **Product Search & Filter**
   Add working JavaScript functionality for:

   * Product search
   * Category filtering
   * Price sorting
   * Rating sorting

6. **Shopping Cart**
   Create a functional cart where users can:

   * Add products
   * Remove products
   * Increase/decrease quantity
   * See subtotal
   * See total price
   * Clear cart

7. **Checkout**
   Create a professional checkout page/section with:

   * Customer name
   * Email
   * Phone
   * Address
   * City
   * State
   * PIN code
   * Payment method
   * Order summary
   * Place Order button

8. **Special Sections**
   Add:

   * Flash Sale
   * Best Sellers
   * New Arrivals
   * Customer Reviews
   * Newsletter subscription

9. **Footer**
   Include:

   * About the store
   * Quick links
   * Customer support
   * Privacy Policy
   * Terms & Conditions
   * Social media icons
   * Copyright

### Design Requirements

* Premium and modern UI
* Clean typography
* Attractive product cards
* Smooth hover animations
* Responsive layout
* Mobile-friendly hamburger menu
* Good spacing and alignment
* Professional color scheme
* Smooth scrolling
* Accessible buttons and forms
* Add subtle animations without making the website slow

### JavaScript Requirements

Make the following features actually work:

* Search
* Category filtering
* Sorting
* Add to cart
* Remove from cart
* Quantity controls
* Cart total calculation
* Wishlist button
* Mobile navigation
* Checkout form validation
* Order confirmation message

Use sample products and realistic product images from publicly accessible image URLs.

### Important

Do not give me only an explanation. **Build the complete working website code.**

Return the complete code in one HTML file that I can save as `index.html` and open directly in a browser.

Make the final result look like a professional real-world e-commerce website rather than a basic demo.

I can also create a **complete working e-commerce website from this prompt** and give you the HTML/CSS/JavaScript code.
K@kundankumar13
0
交互式表白 HTML 页面
文本

围绕「交互式表白 HTML 页面」的任务说明。

【中文任务:交互式表白 HTML 页面】

先按中文标题理解目标;下列原文提示词保留结构与占位符:

Act as a Web Developer. You are tasked with creating a simple and visually appealing HTML page for a partner. Your task is to create an interactive page that displays a beautiful message when clicked.

You will:
- Use HTML to structure the page.
- Apply CSS for styling to make it attractive but not heavy.
- Use JavaScript to handle the click event and reveal a message saying 'دوستت دارم'.

Example:
```html
<!DOCTYPE html>
<html lang="fa">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Love Message</title>
    <style>
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            background-color: #f0f8ff;
            font-family: Arial, sans-serif;
        }
        #message {
            display: none;
            font-size: 2em;
            color: #ff1493;
        }
    </style>
</head>
<body>
    <div id="message">دوستت دارم</div>
    <script>
        document.body.addEventListener('click', function() {
            var message = document.getElementById('message');
            message.style.display = 'block';
        });
    </script>
</body>
</html>
```
I@icymost
0
实时机票价格指数落地页
文本
【中文任务:实时机票价格指数落地页】

先按中文标题理解目标;下列原文提示词保留结构与占位符:

create the landing page the i want build and this my project topic name :Development of a Real-time Airfare Price Index for India through Automated Web Scraping of Airline and Online Travel Aggregator Portals for Augmentation of the Consumer Price Index (CPI) and  this websit should be open source 
### Mini prompt for creating the AeroCPI landing page

> **Create a modern, professional landing page for “AeroCPI – Real-Time Airfare Price Index for India”. Use a clean Indian fintech/data-analytics style with a white/light background, blue and purple accents, subtle gradients, and smooth animations. Include a navbar with AeroCPI logo, Home, Dashboard, Methodology, About, and a “View Dashboard” button. Create a hero section with the headline “India’s Airfare Prices, Measured in Real Time” and subtitle explaining that AeroCPI collects, cleans, normalizes, and analyzes airfare data to generate a real-time airfare price index. Add CTA buttons “Explore Dashboard” and “Learn How It Works”. Include a visual airfare trend chart/mock dashboard on the right. Below, add sections for How AeroCPI Works, Key Features, Airfare Index, Route Trends, AI/ML Analysis, and CPI Augmentation. End with a professional footer. Make it responsive, minimal, trustworthy, and suitable for a Smart India Hackathon presentation.**
### Mini prompt for creating the AeroCPI landing page
S@rahulharsha3131
0
创建项目
文本

围绕「创建项目」的提示词任务说明。

# 创建项目

你是「创建项目」相关专家代理。先明确目标与约束,再给出可执行、可验证的产出;区分必须项与可选项。

以下保留原提示词正文供结构与占位符对齐:

MASTER AI SOFTWARE DEVELOPMENT PROMPT
District Administration — Generic Campaign Management, Field Operations, Survey, Verification, Reporting & Payment Platform
Build a production-grade, full-stack, enterprise-level web application for District Administration that can be used to create and operate large-scale government field campaigns.
The platform must support campaigns involving:
•	One department.
•	Multiple departments.
•	Joint inter-department teams.
•	Senior officers.
•	Supervisors.
•	Field officers.
•	Reserve/backup employees.
•	Institutions.
•	Villages.
•	Wards.
•	Mohallas.
•	Households.
•	Other configurable target entities.
The system must allow District Administration to create a campaign, divide it into multiple phases, create different forms for each phase, assign employees and teams to geographic areas and target entities, collect field data through mobile devices, verify submissions through a configurable hierarchy, request corrections, track final results, calculate authorized duty payments/honorarium according to configurable government guidelines, and generate dashboards and reports.
The system must be generic.
Do not hard-code the application for Census only.
Census 2027 should be implemented as an example campaign type.
Other campaign types must be possible without changing the core software.
Examples:
•	Census 2027.
•	School Inspection.
•	Hospital Inspection.
•	Road Survey.
•	Flood Damage Survey.
•	Village Survey.
•	PDS Inspection.
•	Anganwadi Inspection.
•	Infrastructure Survey.
•	Government Scheme Verification.
•	Disaster Assessment.
•	Public Grievance Field Verification.
•	Any future district campaign.
________________________________________
1. CORE BUSINESS MODEL
The complete system should follow this structure:
District
→ Campaign
→ Campaign Phase
→ Geographic Scope
→ Departments
→ Workforce
→ Teams
→ Target Entities
→ Tasks
→ Dynamic Forms
→ Field Submission
→ Verification
→ Correction/Re-submission
→ Final Approval
→ Phase Result
→ Payment/Honorarium
→ Reports
Every part must be configurable.
________________________________________
2. MAIN OBJECTIVE
The application must solve the real-world problem of:
"A District Administration has thousands of employees from different departments and wants to conduct multiple field campaigns simultaneously across different geographic areas, with different teams, forms, workloads, verification processes, deadlines, payment rules and reporting requirements."
The platform should reduce manual Excel/WhatsApp/paper-based coordination.
It should provide one central command system for District Administration.
________________________________________
3. MULTIPLE CAMPAIGNS
District Administration must be able to run multiple campaigns simultaneously.
Example:
•	Census 2027.
•	School Inspection.
•	Road Survey.
•	Flood Assessment.
•	Drinking Water Survey.
Each campaign is independent.
Each campaign can have:
•	Different departments.
•	Different employees.
•	Different geographic areas.
•	Different forms.
•	Different workflow.
•	Different deadlines.
•	Different payment rules.
•	Different target entities.
•	Different reporting structure.
________________________________________
4. MULTI-PHASE CAMPAIGN
Every campaign can have multiple phases.
Example:
Census 2027
Phase 1
House Listing
Phase 2
Household Enumeration
Phase 3
Verification
Phase 4
Correction/Re-enumeration
Each phase must be able to have:
•	Different dates.
•	Different forms.
•	Different workforce.
•	Different teams.
•	Different geographic assignments.
•	Different instructions.
•	Different workload.
•	Different verification workflow.
•	Different payment rules.
•	Different results.
Do not assume that all phases use the same employees or form.
________________________________________
5. CAMPAIGN TYPES
Create configurable campaign types.
Examples:
•	Census.
•	Inspection.
•	Survey.
•	Verification.
•	Enumeration.
•	Monitoring.
•	Assessment.
•	Disaster response.
•	Infrastructure survey.
•	Custom.
Admin can create a new campaign type.
________________________________________
6. ORGANIZATIONAL HIERARCHY
The organization must be configurable.
Example:
District Admin
→ Department Head
→ Subdivision Officer
→ Tehsil Officer
→ Block Officer
→ Supervisor
→ Field Team
→ Field Officer
But another department may have a different structure.
Therefore do not hard-code hierarchy levels.
Use:
OrganizationNode
with configurable parent/child relationships.
________________________________________
7. GEOGRAPHIC HIERARCHY
Support flexible geographic hierarchy.
Example rural:
State
→ District
→ Subdivision
→ Tehsil
→ Block
→ Village
→ Mohalla/Hamlet
→ Household
Example urban:
State
→ District
→ Municipality/Nagar Palika
→ Zone
→ Ward
→ Mohalla
→ Household
The system must support both.
Do not assume every area has the same structure.
________________________________________
8. GEOGRAPHIC MASTER DATA
Create geographic master data management.
Admin can manage:
•	District.
•	Subdivision.
•	Tehsil.
•	Block.
•	Municipality.
•	Ward.
•	Village.
•	Mohalla.
•	GPS coordinates.
•	Boundary/polygon where available.
Support bulk import through:
•	CSV.
•	Excel.
•	Government master-data API where available.
Validate duplicate geographic records.
________________________________________
9. TARGET ENTITY ENGINE
Do not make "household" the only target.
Create a generic target entity system.
Possible entities:
•	Household.
•	Person.
•	School.
•	Hospital.
•	Road.
•	Village.
•	Shop.
•	Anganwadi.
•	Government building.
•	Water source.
•	Custom entity.
Example:
Campaign:
School Inspection
Target:
School
Campaign:
Census
Target:
Household
Campaign:
Road Survey
Target:
Road segment.
________________________________________
10. ENTITY MASTER RECORD
Every target entity should have a permanent master record.
Example:
Household ID:
HH-000001
School ID:
SCH-000001
Road ID:
ROAD-000001
The master entity can have multiple campaign/phase submissions.
This prevents duplication.
________________________________________
11. HOUSEHOLD MODEL
For Census-type campaigns support:
Household
→ Household members
→ Individual person records
The household can have:
•	Household ID.
•	Address.
•	Geographic hierarchy.
•	House number.
•	GPS.
•	Status.
•	Source.
•	Phase history.
The individual/person structure must support variable number of persons.
________________________________________
12. EMPLOYEE MASTER
Create a central employee database.
Fields:
•	Employee ID.
•	Name.
•	Mobile number.
•	Designation.
•	Department.
•	Office.
•	Posting location.
•	District.
•	Subdivision.
•	Tehsil.
•	Block.
•	Role.
•	Employment status.
•	Availability.
•	Reserve status.
•	Training status.
Employee ID should be unique.
Mobile number should be unique where applicable.
________________________________________
13. BULK EMPLOYEE IMPORT
Support import of thousands of employees.
Formats:
•	Excel.
•	CSV.
Before import:
•	Validate.
•	Detect duplicate Employee IDs.
•	Detect duplicate mobile numbers.
•	Detect missing fields.
•	Detect invalid departments.
•	Show row-level errors.
Allow:
Import Valid Records
without losing valid records because of invalid rows.
________________________________________
14. EMPLOYEE AVAILABILITY
Employee status:
•	Available.
•	Assigned.
•	On Duty.
•	On Leave.
•	Unavailable.
•	Reserve.
•	Activated Reserve.
•	Released.
•	Suspended.
Campaign assignment must check availability.
Prevent incompatible double assignment.
________________________________________
15. MULTI-DEPARTMENT CAMPAIGNS
A campaign can include multiple departments.
Example:
School Inspection:
•	Education.
•	PWD.
•	Food.
•	Revenue.
Each department can have different responsibilities.
________________________________________
16. JOINT TEAMS
Create a team engine.
A team can contain employees from different departments.
Example:
Team 001:
•	Revenue employee.
•	Education employee.
•	PWD employee.
Each team has:
•	Team ID.
•	Team leader.
•	Members.
•	Department.
•	Geographic responsibility.
•	Campaign.
•	Phase.
•	Status.
________________________________________
17. TEAM FORMATION
Allow:
Manual
Admin selects employees.
Automatic
System creates teams based on configured rules.
Rules may include:
•	Team size.
•	Department combination.
•	Geographic area.
•	Designation.
•	Skill.
•	Availability.
•	Workload.
________________________________________
18. TEAM LEADER
Team leader can:
•	See team members.
•	See assigned tasks.
•	Monitor progress.
•	Review team-level work where authorized.
•	Report employee absence.
•	Request replacement.
•	Submit team reports.
Do not automatically grant access to all data just because someone is team leader.
Permissions must still apply.
________________________________________
19. RESERVE EMPLOYEE SYSTEM
Every large campaign should support reserve employees.
Reserve employees can replace active staff when necessary.
Reasons:
•	Leave.
•	Illness.
•	Transfer.
•	Emergency.
•	Administrative requirement.
•	Other authorized reasons.
Workflow:
Active Employee
→ Unavailable
→ Supervisor reports
→ Authorized officer approves
→ Reserve employee selected
→ Reserve activated
→ Assignment transferred
→ Audit record created.
________________________________________
20. RESERVE TEAM
Support reserve teams in addition to reserve individuals.
Example:
Active Team:
Team 001
Reserve Team:
Team R001
If an entire team becomes unavailable, the reserve team can be activated.
________________________________________
21. WORKLOAD MANAGEMENT
Before launching a campaign phase, show:
Total target entities.
Required workforce.
Available workforce.
Reserve workforce.
Expected workload per employee.
Expected workload per team.
Example:
Targets:
1,000,000
Teams:
10,000
Average:
100 targets/team.
Allow authorized admins to adjust distribution.
________________________________________
22. WORKLOAD BALANCING
Support:
•	Equal distribution.
•	Geographic distribution.
•	Random distribution.
•	Manual distribution.
•	Skill-based distribution.
•	Workload balancing.
The system should detect overloaded employees/teams.
Example:
Employee A:
300 tasks
Employee B:
80 tasks
Show warning.
________________________________________
23. RANDOM ASSIGNMENT
Support random assignment where required.
Example:
10,000 schools
1,000 officers
System randomly assigns schools.
Prevent duplicate assignments.
Allow administrators to preview before activation.
Maintain assignment history.
________________________________________
24. GEOGRAPHIC ASSIGNMENT
Tasks can be assigned based on:
•	District.
•	Subdivision.
•	Tehsil.
•	Block.
•	Village.
•	Ward.
•	Mohalla.
•	GPS boundary.
Support polygon-based geographic assignment where feasible.
________________________________________
25. CAMPAIGN CREATION WIZARD
Create a professional multi-step wizard.
Step 1
Campaign details.
Step 2
Campaign type.
Step 3
Geographic scope.
Step 4
Departments.
Step 5
Workforce.
Step 6
Teams.
Step 7
Target entities.
Step 8
Form.
Step 9
Assignment.
Step 10
Verification workflow.
Step 11
Payment rules.
Step 12
Guidelines/documents.
Step 13
Preview.
Step 14
Launch.
________________________________________
26. CAMPAIGN VALIDATION BEFORE LAUNCH
Before launch check:
•	No target entities.
•	No teams.
•	No officers.
•	Missing form.
•	Missing mandatory questions.
•	Missing geographic assignment.
•	Missing verification workflow.
•	Missing payment configuration where required.
•	Employee conflicts.
•	Duplicate assignments.
•	Insufficient workforce.
•	Invalid dates.
Show warnings and errors.
Do not allow launch when critical requirements are missing.
________________________________________
27. DYNAMIC FORM BUILDER
District Admin must create forms without coding.
Question types:
•	Short text.
•	Long text.
•	Integer.
•	Decimal.
•	Percentage.
•	Currency/amount.
•	Date.
•	Date/time.
•	Yes/No.
•	Radio.
•	Checkbox.
•	Dropdown.
•	Multi-select.
•	Image.
•	Multiple image.
•	Video.
•	File.
•	GPS.
•	Signature.
•	Rating.
•	Table.
•	Repeating group.
•	Calculated field.
________________________________________
28. FORM SECTIONS
Forms can contain sections.
Example:
School Inspection:
1.	School Information.
2.	Infrastructure.
3.	PWD.
4.	Food.
5.	Education.
6.	Final Remarks.
________________________________________
29. CONDITIONAL QUESTIONS
Support rules.
Example:
IF:
Building damaged = YES
THEN:
Show:
•	Damage type.
•	Damage severity.
•	Damage photo.
•	Repair estimate.
Otherwise hide these fields.
Create a visual condition builder.
________________________________________
30. REPEATING GROUPS
For Census:
Household:
Number of members = 6
Automatically create:
Person 1
Person 2
Person 3
Person 4
Person 5
Person 6.
Support nested repeating data where required.
________________________________________
31. FORM VALIDATION
Each question can have:
•	Required.
•	Minimum.
•	Maximum.
•	Length.
•	Regex.
•	Allowed options.
•	Dependency.
•	Evidence requirement.
•	GPS requirement.
Validation must happen:
Frontend + Backend
Never trust frontend validation alone.
________________________________________
32. FORM VERSIONING
Forms must be versioned.
Example:
Form v1
Form v2
Historical submissions remain associated with their original form version.
Changing a form must not change old submissions.
________________________________________
33. CAMPAIGN FORM
Each phase can have its own form.
Example:
Campaign:
Census 2027
Phase 1:
Form A
Phase 2:
Form B
Phase 3:
Form C
________________________________________
34. FIELD OFFICER MOBILE APP
Build a mobile-first PWA.
Field employee dashboard:
Campaigns
→ Active Phase
→ Assigned Area
→ Assigned Tasks
→ Completed
→ Pending
→ Corrections
→ Drafts
→ Sync
→ Notifications
________________________________________
35. FIELD TASK
Each task contains:
•	Task ID.
•	Campaign.
•	Phase.
•	Target.
•	Geographic location.
•	Assigned team.
•	Assigned employee.
•	Deadline.
•	Priority.
•	Status.
•	Instructions.
________________________________________
36. TASK STATUS
Use:
•	Not Started.
•	Assigned.
•	Accepted.
•	In Progress.
•	Draft.
•	Submitted.
•	Under Verification.
•	Correction Required.
•	Resubmitted.
•	Approved.
•	Rejected.
•	Reassigned.
•	Overdue.
•	Completed.
________________________________________
37. FIELD DATA COLLECTION
Field officer should be able to:
•	Open task.
•	Start task.
•	Fill form.
•	Save draft.
•	Resume later.
•	Capture GPS.
•	Capture image.
•	Upload video.
•	Add remarks.
•	Submit.
________________________________________
38. GPS
When configured:
Capture:
•	Latitude.
•	Longitude.
•	Accuracy.
•	Timestamp.
Optionally calculate distance from target location.
Configurable:
•	Warning.
•	Supervisor review.
•	Block submission.
________________________________________
39. PHOTO
Support:
•	Camera.
•	Gallery.
•	Multiple images.
•	Compression.
•	Preview.
•	Retake.
Associate image with:
•	Campaign.
•	Phase.
•	Task.
•	Question.
•	Employee.
________________________________________
40. VIDEO
Support:
•	Record.
•	Select.
•	Preview.
•	Upload.
•	Progress.
•	Retry.
•	Maximum size.
•	Maximum duration.
Use object storage.
Do not store large videos directly in PostgreSQL.
________________________________________
41. OFFLINE MODE
Mobile application must work with poor connectivity.
Use:
•	PWA.
•	IndexedDB.
•	Local draft.
•	Offline task list.
•	Sync queue.
Status:
Online
Offline
Syncing
Synced
Failed.
________________________________________
42. OFFLINE CONFLICT MANAGEMENT
If the same record changes from multiple sources:
Do not silently overwrite.
Create conflict:
Conflict requires review.
Maintain version history.
________________________________________
43. SUBMISSION
Before final submission:
Show review page.
Example:
Required fields:
✓
GPS:
✓
Required images:
✓
Validation:
✓
Then:
Submit
Server returns:
Submission ID.
Never show successful submission before server confirmation.
________________________________________
44. VERIFICATION ENGINE
Create configurable workflow.
Example:
Field Officer
→ Supervisor
→ Tehsil Officer
→ Subdivision Officer
→ Department Head
→ District Admin
But administrators can configure different levels.
________________________________________
45. VERIFICATION ACTIONS
Reviewer can:
•	Approve.
•	Reject.
•	Request correction.
•	Add comment.
•	Escalate.
•	Reassign.
•	View history.
________________________________________
46. CORRECTION WORKFLOW
Example:
Reviewer:
"Please upload a clear photograph."
Status:
Correction Required.
Employee receives notification.
Employee edits only permitted fields.
Resubmits.
Reviewer receives notification.
________________________________________
47. DATA VERSIONING
Every submission must preserve:
•	Version.
•	Answers.
•	Files.
•	GPS.
•	User.
•	Timestamp.
•	Changes.
•	Reason.
Never destroy historical versions.
________________________________________
48. FINAL APPROVAL
Only approved records should be included in final results when the campaign requires final approval.
Allow reports to distinguish:
•	Preliminary.
•	Submitted.
•	Verified.
•	Final Approved.
________________________________________
49. DATA QUALITY ENGINE
Create automatic quality checks.
Examples:
•	Duplicate household.
•	Duplicate task.
•	Missing GPS.
•	Impossible values.
•	Inconsistent totals.
•	Required evidence missing.
•	Conflicting phase data.
•	Unusual completion speed.
•	Repeated identical GPS coordinates where suspicious.
•	Excessive submissions in a short time.
Flag anomalies for review.
Do not automatically accuse an employee of misconduct.
Mark:
Data Quality Exception
________________________________________
50. EXCEPTION MANAGEMENT
Create a central Exception Center.
Examples:
•	Missing household.
•	Duplicate household.
•	GPS issue.
•	Incomplete form.
•	Conflicting data.
•	Overdue task.
•	Employee unavailable.
•	Team unavailable.
•	Payment failure.
•	Sync failure.
Admin can assign exceptions.
________________________________________
51. CENSUS 2027 EXAMPLE
Create Census 2027 as a sample campaign.
Do not invent official Census questions.
Use placeholder/configurable forms or officially supplied forms.
Example structure:
Census 2027
→ Phase 1: House Listing
→ Phase 2: Enumeration
→ Phase 3: Verification
→ Phase 4: Correction
Each phase has different forms and possibly different workforce.
________________________________________
52. CENSUS GEOGRAPHIC STRUCTURE
Support:
District
→ Subdivision
→ Tehsil
→ Municipality / Nagar Palika
→ Ward
→ Village
→ Mohalla
→ Household
The actual hierarchy must be configurable.
________________________________________
53. CENSUS JOINT TEAM
Example:
Team 001
Area:
Ward 10 / Mohalla A
Members:
•	Education Department employee.
•	Revenue Department employee.
•	Municipal employee.
The team visits households within its assigned area.
________________________________________
54. HOUSEHOLD CENSUS FLOW
Team opens:
Household HH-000123
System displays:
•	Location.
•	Address.
•	Previous phase information if authorized.
•	Current phase form.
Team collects required information.
Submits.
Result goes through configured verification workflow.
________________________________________
55. CENSUS MULTI-PHASE WORKLOAD
Support distributing work over multiple phases to reduce employee workload.
Example:
Phase 1:
Employee Group A
Phase 2:
Employee Group B
Phase 3:
Employee Group C
Or the same employees can participate in multiple phases.
The system must support both.
________________________________________
56. PAYMENT/HONORARIUM ENGINE
Create a dedicated payment module.
IMPORTANT:
Never hard-code government payment amounts.
Payment amounts must come from authorized configurable rules based on the applicable government order/guideline.
________________________________________
57. PAYMENT RULE
Payment rule fields:
•	Campaign.
•	Phase.
•	Role.
•	Department if applicable.
•	Duty type.
•	Calculation method.
•	Amount/rate.
•	Effective date.
•	Government order reference.
•	Version.
•	Approval status.
________________________________________
58. PAYMENT CALCULATION
Possible calculation models:
•	Fixed amount.
•	Per day.
•	Per task.
•	Per approved household.
•	Role-based.
•	Phase-based.
•	Component-based.
Do not assume these are legally applicable.
The administrator configures the permitted calculation method according to official rules.
________________________________________
59. PAYMENT ELIGIBILITY
Example:
Assignment
↓
Duty completed
↓
Required work completed
↓
Submission accepted/approved
↓
Eligibility generated
↓
Payment approval
↓
Payment processing
↓
Paid
Exact rules must be configurable.
________________________________________
60. EMPLOYEE PAYMENT DASHBOARD
Employee sees:
Campaign:
Census 2027
Phase:
Phase 1
Duty:
Completed
Eligibility:
Eligible
Payment:
₹XXXX
Status:
Pending / Approved / Processing / Paid.
Sensitive financial information must be protected.
________________________________________
61. PAYMENT STATUS
Statuses:
•	Not Eligible.
•	Pending Eligibility.
•	Eligible.
•	Pending Approval.
•	Approved.
•	Processing.
•	Paid.
•	Failed.
•	Returned.
•	On Hold.
•	Disputed.
________________________________________
62. PAYMENT REMINDERS
If payment is pending:
Send:
•	In-app notification.
•	SMS where configured.
•	Email where configured.
Example:
Your approved campaign duty payment is still pending processing.
Do not make unverified claims about payment timing.
________________________________________
63. PAYMENT EXCEPTIONS
Support:
•	Failed payments.
•	Incorrect records.
•	Missing approval.
•	Duplicate payment prevention.
•	Hold.
•	Retry.
•	Resolution.
Maintain complete audit trail.
________________________________________
64. PAYMENT DUPLICATE PREVENTION
Prevent duplicate payment for:
Employee + Campaign + Phase + Duty
unless explicitly allowed by an authorized adjustment process.
________________________________________
65. ATTENDANCE / DUTY PROOF
Where required by campaign rules, support duty attendance.
Possible methods:
•	Start duty.
•	End duty.
•	GPS.
•	Team leader confirmation.
•	Supervisor approval.
•	Task completion.
Do not assume attendance equals payment eligibility.
Make it configurable.
________________________________________
66. TRAINING
Track:
•	Training assigned.
•	Training completed.
•	Training date.
•	Training material.
•	Assessment.
•	Certification.
A campaign phase can optionally require training before assignment.
________________________________________
67. GUIDELINES / DOCUMENTS
Campaign administrators can upload:
•	Government orders.
•	Guidelines.
•	SOPs.
•	Training documents.
•	Circulars.
•	Forms.
•	Payment orders.
Documents should be versioned.
________________________________________
68. NOTIFICATION ENGINE
Support:
•	In-app.
•	SMS.
•	Email.
•	Push notifications.
Notifications:
•	New task.
•	New campaign.
•	Phase starting.
•	Deadline.
•	Overdue.
•	Correction.
•	Approval.
•	Reassignment.
•	Reserve activation.
•	Payment update.
________________________________________
69. ESCALATION ENGINE
Create configurable escalation.
Example:
Task overdue by 2 days:
→ Supervisor notification.
Overdue by 4 days:
→ Tehsil Officer.
Overdue by 7 days:
→ District Admin.
The escalation schedule must be configurable.
________________________________________
70. REMINDER ENGINE
Support scheduled reminders.
Examples:
7 days before deadline.
3 days before.
1 day before.
Due date.
Overdue.
Payment pending for X days.
________________________________________
71. DISTRICT COMMAND DASHBOARD
Create a professional command center.
Show:
Campaigns
Total.
Active.
Completed.
Delayed.
Workforce
Total.
Assigned.
Available.
Reserve.
Unavailable.
Tasks
Total.
Completed.
Pending.
Overdue.
Correction.
Verification
Submitted.
Under review.
Approved.
Rejected.
Payment
Eligible.
Approved.
Paid.
Pending.
Failed.
________________________________________
72. GEOGRAPHIC DRILL-DOWN
Dashboard:
District
↓
Subdivision
↓
Tehsil
↓
Village/Ward
↓
Mohalla
↓
Household
At every level:
•	Total.
•	Assigned.
•	Completed.
•	Pending.
•	Verified.
•	Exceptions.
________________________________________
73. MAP
Provide interactive map.
Show:
•	Assigned areas.
•	Completed targets.
•	Pending targets.
•	Exceptions.
•	GPS submissions where authorized.
Use clustering for large datasets.
Do not attempt to render millions of points simultaneously.
________________________________________
74. DEPARTMENT DASHBOARD
Department Head sees:
•	Campaign participation.
•	Employees.
•	Teams.
•	Workload.
•	Completion.
•	Verification.
•	Exceptions.
•	Payment.
Only authorized department data.
________________________________________
75. SUBDIVISION / TEHSIL DASHBOARD
Show local progress.
Example:
Tehsil A:
Targets: 100,000
Completed: 92,000
Pending: 8,000
Completion:
92%
________________________________________
76. TEAM DASHBOARD
Team Leader sees:
•	Members.
•	Assigned targets.
•	Completed.
•	Pending.
•	Corrections.
•	Overdue.
•	Sync status.
________________________________________
77. EMPLOYEE DASHBOARD
Employee sees:
•	My campaigns.
•	My phases.
•	My tasks.
•	My progress.
•	Corrections.
•	Notifications.
•	Payment.
•	Guidelines.
________________________________________
78. REPORTING ENGINE
Create configurable reports.
Reports:
•	Campaign.
•	Phase.
•	Department.
•	Employee.
•	Team.
•	Geography.
•	Target entity.
•	Verification.
•	Exception.
•	Payment.
•	Workforce.
•	Productivity.
________________________________________
79. REPORT FILTERS
Filters:
•	Campaign.
•	Phase.
•	Date.
•	Department.
•	Employee.
•	Team.
•	District.
•	Subdivision.
•	Tehsil.
•	Village.
•	Ward.
•	Mohalla.
•	Status.
________________________________________
80. EXPORT
Support:
•	Excel.
•	CSV.
•	PDF.
Large reports must be generated asynchronously.
________________________________________
81. REPORT SCHEDULING
Allow authorized users to schedule reports.
Example:
Every day at 6 PM:
District Campaign Progress Report
Send to authorized users.
________________________________________
82. DATA ACCESS CONTROL
Use:
RBAC + Geographic Scope + Department Scope + Campaign Scope
Example:
Field Officer:
Only assigned tasks.
Tehsil Officer:
Authorized tehsil.
Department Head:
Authorized department.
District Admin:
District-wide.
Never rely only on frontend restrictions.
________________________________________
83. SUPER ADMIN
Super Admin manages:
•	Districts.
•	Departments.
•	Users.
•	Roles.
•	Permissions.
•	System settings.
•	Master data.
•	Integrations.
________________________________________
84. DISTRICT ADMIN
District Admin can:
•	Create campaigns.
•	Create phases.
•	Create forms.
•	Select departments.
•	Manage workforce.
•	Create teams.
•	Assign areas.
•	Assign tasks.
•	Configure verification.
•	Configure payment rules where authorized.
•	Monitor progress.
•	Approve/review data.
•	Generate reports.
________________________________________
85. DEPARTMENT HEAD
Can:
•	View department campaigns.
•	Manage department workforce.
•	Review submissions.
•	Verify data.
•	Monitor department performance.
•	Generate authorized reports.
________________________________________
86. FIELD OFFICER
Can:
•	Login.
•	View assigned duties.
•	Collect field data.
•	Capture GPS.
•	Capture media.
•	Save drafts.
•	Submit.
•	Correct.
•	Resubmit.
•	View payment status.
•	View guidelines.
________________________________________
87. PAYMENT OFFICER
Can:
•	Review eligibility.
•	Approve payment.
•	Process payment.
•	View failures.
•	Retry authorized payments.
•	Generate payment reports.
Do not give payment officers unnecessary household-data access.
________________________________________
88. SYSTEM SECURITY
Implement:
•	Password hashing.
•	Secure authentication.
•	OTP.
•	Session security.
•	JWT or secure session architecture.
•	Refresh token rotation where applicable.
•	Rate limiting.
•	API authorization.
•	Input validation.
•	File validation.
•	Secure headers.
•	CORS.
•	CSRF protection where applicable.
•	SQL injection protection.
•	XSS protection.
•	Audit logs.
________________________________________
89. DATA PRIVACY
Collect only officially required information.
Sensitive information should have:
•	Strict access control.
•	Encryption where appropriate.
•	Audit logs.
•	Retention rules.
•	Export restrictions.
Do not display sensitive household/person information on public dashboards.
________________________________________
90. AUDIT LOG
Record every important operation.
Examples:
•	Login.
•	OTP.
•	Campaign creation.
•	Phase creation.
•	Form changes.
•	Employee assignment.
•	Team creation.
•	Household assignment.
•	Submission.
•	Correction.
•	Approval.
•	Reassignment.
•	Reserve activation.
•	Payment calculation.
•	Payment approval.
•	Payment processing.
•	Export.
Audit log should be immutable for normal users.
________________________________________
91. SYSTEM LOGGING
Use structured application logs.
Separate:
•	Application logs.
•	Security logs.
•	Audit logs.
•	Error logs.
Do not expose internal errors to users.
________________________________________
92. DATABASE
Use:
PostgreSQL
ORM:
Prisma
Design a normalized schema.
Important entities:
•	State.
•	District.
•	Department.
•	OrganizationNode.
•	GeographicNode.
•	User.
•	Employee.
•	Role.
•	Permission.
•	Campaign.
•	CampaignPhase.
•	CampaignDepartment.
•	CampaignGeography.
•	TargetEntity.
•	Household.
•	Person.
•	Team.
•	TeamMember.
•	ReserveEmployee.
•	Task.
•	TaskAssignment.
•	Form.
•	FormVersion.
•	FormSection.
•	FormQuestion.
•	FormOption.
•	FormCondition.
•	Submission.
•	SubmissionVersion.
•	SubmissionAnswer.
•	SubmissionFile.
•	GPSRecord.
•	Verification.
•	CorrectionRequest.
•	Exception.
•	PaymentRule.
•	PaymentRuleVersion.
•	EmployeePayment.
•	PaymentComponent.
•	PaymentTransaction.
•	Notification.
•	GuidelineDocument.
•	Training.
•	AuditLog.
•	Report.
•	ReportJob.
Use appropriate:
•	Foreign keys.
•	Unique constraints.
•	Indexes.
•	Soft deletion where appropriate.
•	Timestamps.
________________________________________
93. DATA RETENTION
Build configurable retention policies.
Different records may have different retention requirements.
Do not automatically delete official records without an authorized retention policy.
________________________________________
94. BACKUP
Design:
•	Automated database backups.
•	Point-in-time recovery where supported.
•	Object storage backup.
•	Backup monitoring.
•	Restore testing.
________________________________________
95. DISASTER RECOVERY
Document:
•	Recovery procedure.
•	Backup restoration.
•	Database recovery.
•	File recovery.
•	Queue recovery.
•	Disaster scenarios.
________________________________________
96. SCALABILITY
Design for:
•	50,000+ employees.
•	Millions of targets.
•	Millions of submissions.
•	Large file uploads.
•	Thousands of concurrent mobile users.
Use:
•	Pagination.
•	Cursor pagination where appropriate.
•	Database indexes.
•	Redis.
•	Queue workers.
•	Object storage.
•	Background jobs.
•	Horizontal scaling.
•	Database connection pooling.
________________________________________
97. BACKGROUND JOB SYSTEM
Use:
Redis + BullMQ or equivalent.
Jobs:
•	Report generation.
•	Excel export.
•	PDF generation.
•	Notifications.
•	SMS.
•	Email.
•	Image processing.
•	Video processing.
•	Payment processing integration.
•	Reminder jobs.
•	Escalation.
•	Data aggregation.
________________________________________
98. FILE STORAGE
Use:
•	S3-compatible storage.
Store only metadata in PostgreSQL.
Metadata:
•	File ID.
•	Name.
•	Type.
•	Size.
•	Storage path.
•	Upload user.
•	Campaign.
•	Phase.
•	Task.
•	Question.
•	Timestamp.
Use signed URLs for private files.
________________________________________
99. MOBILE PERFORMANCE
Optimize for:
•	Low-end Android devices.
•	Slow networks.
•	Limited storage.
•	Intermittent connectivity.
Avoid unnecessary animations.
Keep forms lightweight.
Compress images.
Use resumable uploads where practical.
________________________________________
100. ACCESSIBILITY
Support:
•	High contrast.
•	Large touch targets.
•	Keyboard navigation.
•	Screen readers.
•	Proper labels.
•	Accessible validation messages.
________________________________________
101. USER INTERFACE
Admin desktop:
Sidebar
→ Dashboard
→ Campaigns
→ Phases
→ Workforce
→ Teams
→ Geography
→ Targets
→ Forms
→ Tasks
→ Verification
→ Payments
→ Reports
→ Maps
→ Notifications
→ Audit Logs
→ Settings
Field mobile:
Home
My Campaigns
My Tasks
Corrections
Notifications
Payment
Guidelines
Profile
________________________________________
102. DESIGN STYLE
Use a professional government administration design.
Primary:
Navy/blue.
Secondary:
White/gray.
Use:
•	Tables.
•	Cards.
•	Status badges.
•	Charts.
•	Maps.
•	Progress bars.
Avoid excessive decorative UI.
Prioritize usability.
________________________________________
103. BULK OPERATIONS
Admin must be able to:
•	Import employees.
•	Import geography.
•	Import target entities.
•	Assign teams in bulk.
•	Reassign tasks in bulk.
•	Activate reserve employees in bulk.
•	Generate reports in bulk.
Always show confirmation before large operations.
________________________________________
104. BULK OPERATION SAFETY
For every bulk action:
1.	Preview.
2.	Validate.
3.	Show number of affected records.
4.	Confirm.
5.	Execute.
6.	Show result.
7.	Provide error report.
8.	Record audit event.
________________________________________
105. SEARCH
Global search across authorized data:
•	Campaign.
•	Employee.
•	Team.
•	Household.
•	Institution.
•	Task.
•	Submission.
•	Geographic area.
________________________________________
106. DUPLICATE DETECTION
Detect:
•	Duplicate employee.
•	Duplicate target.
•	Duplicate household.
•	Duplicate task.
•	Duplicate assignment.
•	Duplicate payment.
Do not automatically delete records.
Flag them for review.
________________________________________
107. NOTIFICATION PREFERENCES
Allow users to configure permitted notification preferences.
However, mandatory government alerts cannot be disabled if configured as mandatory.
________________________________________
108. API ARCHITECTURE
Use a clean REST API or equivalent.
Organize APIs by module:
/auth
/users
/employees
/departments
/geography
/campaigns
/phases
/teams
/targets
/tasks
/forms
/submissions
/verifications
/exceptions
/payments
/notifications
/reports
/audit
/files
________________________________________
109. API DOCUMENTATION
Generate:
OpenAPI / Swagger
Document:
•	Authentication.
•	Request.
•	Response.
•	Errors.
•	Permissions.
________________________________________
110. ERROR HANDLING
Use consistent API responses.
Example:
{
"success": false,
"error": {
"code": "VALIDATION_ERROR",
"message": "Required fields are missing."
}
}
Never expose:
•	Database errors.
•	Stack traces.
•	Secrets.
•	Internal infrastructure details.
________________________________________
111. FRONTEND STATE
Use an appropriate state-management/data-fetching strategy.
Use:
•	Server-side fetching where appropriate.
•	Query caching.
•	Optimistic updates only when safe.
•	Offline state.
________________________________________
112. OFFLINE DATA SECURITY
Do not store unnecessary sensitive personal data permanently on the device.
Encrypt/local-protect sensitive offline storage where practical.
Provide device/session expiration.
________________________________________
113. SESSION SECURITY
Support:
•	Session timeout.
•	Device/session management.
•	Logout all devices where authorized.
•	Token revocation.
•	Suspicious login detection.
________________________________________
114. OTP SECURITY
OTP:
•	Expiration.
•	Rate limiting.
•	Attempt limit.
•	Resend cooldown.
•	Secure storage.
•	Audit logging.
Never store OTP in plain text longer than necessary.
________________________________________
115. LOGIN
Support:
Mobile Number
→ OTP for initial verification
→ Password creation
Then:
Mobile Number
→ Password
→ Dashboard
Forgot password:
Mobile
→ OTP
→ New Password
________________________________________
116. GOVERNMENT INTEGRATIONS
Build integration interfaces rather than hard-code external systems.
Possible future integrations:
•	SMS gateway.
•	Government employee master database.
•	Official GIS.
•	Payment/treasury system.
•	Identity/authentication system.
•	Email.
•	Notification gateway.
Use adapters/interfaces so providers can be changed.
________________________________________
117. NO FAKE INTEGRATIONS
If a real government API is not available:
Use a clearly marked development/mock adapter.
Do not pretend that a fake integration is real.
________________________________________
118. PAYMENT INTEGRATION
Payment processing should initially support:
Manual/administrative status
and be architected for future integration with an authorized government payment/treasury system.
Do not invent a government payment API.
________________________________________
119. IMPORT/EXPORT SECURITY
Exports must respect authorization.
Do not allow field officers to export all district data.
Sensitive exports should require additional authorization where appropriate.
Log every export.
________________________________________
120. DATA QUALITY DASHBOARD
Show:
•	Missing data.
•	Invalid data.
•	Duplicate data.
•	GPS exceptions.
•	Correction rates.
•	Rejection rates.
•	Unusual activity.
________________________________________
121. PRODUCTIVITY METRICS
Show:
•	Tasks completed per day.
•	Average task duration.
•	Completion rate.
•	Correction rate.
•	Approval rate.
•	Overdue rate.
Do not use productivity metrics as automatic disciplinary conclusions.
________________________________________
122. CAMPAIGN TEMPLATES
Allow administrators to save:
Campaign Template
Example:
School Inspection Template.
When creating a new campaign:
Use Template
Then modify:
•	Form.
•	Departments.
•	Geography.
•	Workforce.
•	Dates.
•	Payment.
________________________________________
123. FORM TEMPLATE LIBRARY
Allow reusable forms.
Examples:
•	Inspection form.
•	Survey form.
•	Household form.
•	Verification form.
Forms must remain versioned.
________________________________________
124. WORKFLOW TEMPLATE
Allow reusable workflows.
Example:
Field Officer
→ Supervisor
→ Department Head
→ District Admin.
Save as:
Standard Inspection Workflow.
________________________________________
125. PAYMENT TEMPLATE
Allow authorized users to reuse payment structures.
Example:
Field Duty Payment Template.
But each campaign/phase must reference the exact applicable rule/version.
________________________________________
126. CAMPAIGN PAUSE
Admin can pause a campaign.
When paused:
•	No new tasks can start.
•	Existing drafts remain safe.
•	Admin can resume later.
Clearly display:
Campaign Paused.
________________________________________
127. CAMPAIGN EXTENSION
Authorized admin can extend deadline.
Require:
•	New date.
•	Reason.
•	Approval if configured.
Record audit history.
________________________________________
128. TASK REASSIGNMENT
Allow:
Employee A
→ Employee B
Reason:
Employee unavailable.
Maintain full history.
________________________________________
129. TEAM CHANGE
Allow adding/removing team members during campaign with authorization.
Do not rewrite old historical assignments.
________________________________________
130. TARGET REASSIGNMENT
If a household/institution is reassigned:
Maintain:
Old Team
→ New Team
Reason
Date
Authorized By
________________________________________
131. FINALIZATION
When a phase is finalized:
•	Prevent normal editing.
•	Allow authorized correction workflow only.
•	Lock official result.
•	Preserve historical versions.
________________________________________
132. CAMPAIGN CLOSURE
When campaign is completed:
•	Lock operational changes.
•	Finalize reports.
•	Finalize payment eligibility.
•	Preserve audit logs.
•	Archive according to retention policy.
________________________________________
133. REAL-LIFE CENSUS 2027 DEMO
Create development demo:
Campaign:
Census 2027
District:
Demo District
Departments:
•	Revenue.
•	Education.
•	Municipal Administration.
•	Panchayat.
Create sample:
•	2 subdivisions.
•	4 tehsils.
•	3 municipalities.
•	10 villages.
•	20 wards.
•	50 mohallas.
•	500 households.
•	100 employees.
•	20 teams.
•	5 reserve teams.
Create:
Phase 1:
House Listing
Phase 2:
Enumeration
Phase 3:
Verification
Use sample placeholder questions.
Clearly label:
DEMO DATA — NOT OFFICIAL CENSUS DATA
________________________________________
134. END-TO-END DEMO
Demonstrate:
District Admin
→ Creates Census campaign
→ Creates Phase 1
→ Selects departments
→ Imports employees
→ Creates joint teams
→ Assigns geography
→ Loads target households
→ Creates Phase 1 form
→ Configures verification
→ Configures payment rule
→ Launches phase
Field Team
→ Logs in
→ Views households
→ Opens household
→ Completes form
→ Captures GPS
→ Saves draft
→ Submits
Reviewer
→ Reviews
→ Requests correction
Field Team
→ Corrects
→ Resubmits
Reviewer
→ Approves
System
→ Generates final result
→ Generates payment eligibility
→ Shows payment status
District Admin
→ Views dashboard
→ Drills down to household
→ Views map
→ Generates Excel/PDF
→ Views audit history.
________________________________________
135. TESTING
Create:
Unit Tests
For:
•	Assignment.
•	Permissions.
•	Form validation.
•	GPS.
•	Payment calculation.
•	Workflow.
Integration Tests
For:
•	Authentication.
•	Campaign.
•	Teams.
•	Forms.
•	Submission.
•	Verification.
•	Payment.
E2E Tests
Test complete campaign lifecycle.
________________________________________
136. LOAD TESTING
Test realistic loads.
At minimum test:
•	50,000 employees.
•	Large task volumes.
•	Large submission volumes.
•	Concurrent mobile users.
•	Large report generation.
•	Large file uploads.
Identify bottlenecks.
________________________________________
137. DATABASE INDEXING
Create indexes for frequently queried:
•	Employee ID.
•	Mobile.
•	Campaign ID.
•	Phase ID.
•	Team ID.
•	Geographic ID.
•	Target ID.
•	Task status.
•	Submission status.
•	Payment status.
•	Created date.
Review query plans for large tables.
________________________________________
138. ARCHITECTURE
Preferred stack:
Frontend
Next.js
React
TypeScript
Tailwind CSS
shadcn/ui
PWA
IndexedDB
Backend
NestJS
TypeScript
Database
PostgreSQL
Prisma
Cache / Queue
Redis
BullMQ
Storage
S3-compatible storage
Maps
Provider abstraction supporting:
OpenStreetMap / Mapbox / Google Maps
________________________________________
139. PROJECT STRUCTURE
Use a clean modular architecture.
Example:
/apps
/web
/api
/packages
/ui
/types
/config
/validation
/infrastructure
/docs
/tests
Keep business logic separate from UI.
________________________________________
140. ENVIRONMENT VARIABLES
Create:
.env.example
Include:
DATABASE_URL
REDIS_URL
JWT_SECRET
S3_ENDPOINT
S3_ACCESS_KEY
S3_SECRET_KEY
S3_BUCKET
SMS_PROVIDER
SMS_API_KEY
SMS_SENDER_ID
EMAIL_PROVIDER
EMAIL_API_KEY
MAP_PROVIDER
MAP_API_KEY
Never commit real secrets.
________________________________________
141. DOCKER
Provide:
Dockerfile
docker-compose.yml
Services:
•	Web.
•	API.
•	PostgreSQL.
•	Redis.
•	Object storage for local development.
________________________________________
142. DEVELOPMENT README
Provide complete instructions:
1.	Install dependencies.
2.	Configure .env.
3.	Start PostgreSQL.
4.	Start Redis.
5.	Run migrations.
6.	Seed database.
7.	Start backend.
8.	Start frontend.
9.	Login using demo credentials.
10.	Run tests.
________________________________________
143. SEED DATA
Create realistic but clearly fake development data.
Include:
•	Admin.
•	Department Heads.
•	Supervisors.
•	Field Officers.
•	Reserve employees.
•	Departments.
•	Geographic hierarchy.
•	Teams.
•	Households.
•	Campaigns.
•	Phases.
•	Forms.
•	Tasks.
Never use real personal information.
________________________________________
144. DEMO CREDENTIALS
Provide development-only demo accounts.
Example:
District Admin
Department Head
Supervisor
Field Officer
Payment Officer
Clearly mark:
DEVELOPMENT ONLY
Do not use these credentials in production.
________________________________________
145. IMPORTANT GOVERNMENT DATA RULE
Do not invent:
•	Official Census questions.
•	Government payment amounts.
•	Government orders.
•	Government employee records.
•	Official geographic datasets.
•	Government APIs.
•	Official Census procedures.
Where official information is unavailable, create:
CONFIGURABLE PLACEHOLDERS
and clearly label them.
________________________________________
146. IMPORTANT DESIGN RULE
Do not create separate applications for:
•	Census.
•	School inspection.
•	Road survey.
•	Flood survey.
Instead create one:
District Campaign Platform
Then:
Campaign Type:
Census
Campaign:
Census 2027
Phase:
House Listing
This makes the platform reusable.
________________________________________
147. MOST IMPORTANT ARCHITECTURAL MODULES
The application must be built around these engines:
1. Campaign Engine
Campaigns and phases.
2. Organization Engine
Departments and hierarchy.
3. Geography Engine
District/tehsil/village/ward/mohalla.
4. Workforce Engine
Employees and availability.
5. Team Engine
Joint teams and reserve teams.
6. Target Entity Engine
Households, schools, roads, etc.
7. Assignment Engine
Assign targets to teams/employees.
8. Form Engine
Dynamic forms and versions.
9. Field Data Engine
Mobile data collection.
10. Offline Sync Engine
Mobile offline operation.
11. Verification Engine
Review and approval.
12. Exception Engine
Data quality and operational exceptions.
13. Payment Engine
Configurable government-guideline-based payment.
14. Notification Engine
SMS/email/push/in-app.
15. Reporting Engine
Dashboards and reports.
16. Audit Engine
Complete history.
________________________________________
148. DEVELOPMENT ORDER
Do not attempt to create the entire application as disconnected pages.
Build in this order:
Phase A — Foundation
•	Architecture.
•	Database.
•	Authentication.
•	RBAC.
•	Organization.
•	Geography.
Phase B — Campaign
•	Campaign.
•	Phase.
•	Department.
•	Workforce.
•	Team.
Phase C — Target & Assignment
•	Target entities.
•	Household.
•	Geographic assignment.
•	Task engine.
•	Workload.
Phase D — Forms
•	Form builder.
•	Dynamic questions.
•	Conditions.
•	Repeating groups.
•	Validation.
•	Versioning.
Phase E — Mobile
•	Field officer UI.
•	Offline.
•	GPS.
•	Image.
•	Video.
•	Sync.
Phase F — Workflow
•	Verification.
•	Correction.
•	Resubmission.
•	Approval.
•	Exceptions.
Phase G — Payment
•	Payment rules.
•	Eligibility.
•	Approval.
•	Status.
•	Reminders.
•	Exceptions.
Phase H — Intelligence
•	Dashboards.
•	Maps.
•	Analytics.
•	Reports.
•	Exports.
Phase I — Production
•	Security.
•	Testing.
•	Load testing.
•	Monitoring.
•	Backups.
•	Disaster recovery.
•	Docker.
•	Documentation.
________________________________________
149. FINAL ACCEPTANCE CRITERIA
The project is considered complete only when a real end-to-end flow works:
District Admin
→ creates campaign
→ creates multiple phases
→ selects departments
→ imports workforce
→ creates joint teams
→ creates reserve teams
→ assigns geography
→ loads target entities
→ creates phase-specific dynamic form
→ creates verification workflow
→ configures authorized payment rule
→ launches campaign
↓
Field Team
→ logs in on mobile
→ receives assigned area
→ sees assigned targets
→ visits target
→ fills form
→ captures GPS where required
→ captures media where required
→ works offline if necessary
→ synchronizes
→ submits
↓
Reviewer
→ receives submission
→ verifies
→ requests correction
↓
Field Team
→ corrects
→ resubmits
↓
Reviewer
→ approves
↓
System
→ finalizes result
→ calculates authorized payment eligibility
→ tracks payment
→ sends notifications
↓
District Admin
→ sees real-time progress
→ drills down geographically
→ views maps
→ views department/team/employee performance
→ views exceptions
→ views payment status
→ generates reports
→ exports authorized data
→ reviews audit history.
________________________________________
150. FINAL INSTRUCTION TO THE AI DEVELOPER
Do not build a toy project.
Do not build only frontend screens.
Do not use hard-coded arrays for core business data.
Do not make fake buttons.
Do not create disconnected demo pages.
Build a real full-stack system with:
Frontend
↕
Backend API
↕
Business Logic
↕
PostgreSQL
↕
Object Storage
↕
Redis/Background Jobs
↕
Notification Services
Every important button must perform a real operation.
Every important record must be persisted.
Every permission must be enforced on the backend.
Every official submission must be versioned.
Every important change must be audited.
Every large operation must be designed for scale.
Every mobile workflow must consider poor connectivity.
Every payment amount must be configurable and linked to an authorized rule/reference.
Every campaign must be configurable.
Every phase must be independently configurable.
Every form must be dynamically configurable.
Every organization/geographic hierarchy must be configurable.
The final product should be a reusable District Administration Digital Campaign & Field Operations Platform, with Census 2027 as one realistic implementation, rather than a Census-only application.
One thing I would strongly recommend
For a project of this scale, don't ask the AI to generate the entire application in one shot. Give it the master prompt above, then make it work module-by-module, starting with the database and architecture.
The most important foundation is:
Organization → Geography → Workforce → Campaign → Phase → Team → Target → Task → Form → Submission → Verification → Result → Payment
If that data model is correct, the rest of the application can evolve without needing to rebuild it later
A@maarifkhatri91
0
药店慢病患者 CRM
文本

药店慢性病患者客户关系管理流程与话术/系统设计。

你是「药店慢病患者 CRM」。请按下列中文说明执行;完整原提示词正文保留于后,供结构、占位符与技术细节对齐。

## 中文任务说明
药店慢性病患者客户关系管理流程与话术/系统设计。

以下保留原提示词正文供结构与占位符对齐:

You are a senior software architect and pharmacy management systems specialist.

Design and build a private pharmacy CRM for my pharmacy in Mosul, Iraq.

The system is for managing patients, chronic medications, follow-ups, sales insights, inventory, and customer relationships.

Main goal

Create a simple, fast, private CRM that helps me remember patients, understand their medication history, follow up with chronic patients, identify sales opportunities, and improve pharmacy service without encouraging unsafe or unnecessary medication use.

Users

The system will initially have one administrator user.

The pharmacist must control access to patient information.

Patient data must not be publicly accessible.

Core patient profile

Each patient should have:

- Unique patient ID
- QR code
- Full name
- Age or date of birth
- Sex
- Phone number
- Address or area
- Notes
- Date added
- Last visit
- Next follow-up date
- Patient status

Medication profile

For each patient store:

- Medication name
- Active ingredient
- Strength
- Dosage form
- Dose
- Frequency
- Duration
- Start date
- End date
- Prescriber
- Reason for use
- Current or discontinued status
- Notes

Medication history must remain available so I can see previous medications.

Chronic medication management

Allow me to mark patients as chronic-care patients.

For chronic patients show:

- Active medications
- Previous medications
- Expected refill date
- Last purchase date
- Days since last purchase
- Follow-up date
- Missed refill
- Pharmacist notes

The system should help identify patients who may need follow-up.

Do not automatically recommend changing treatment or stopping medication.

Dashboard

Create a dashboard showing:

- Total patients
- Active chronic patients
- Patients due for follow-up
- Missed follow-ups
- Patients due for medication refill
- New patients
- Returning patients
- Today's follow-ups
- Recent purchases
- Sales
- Profit
- Low-stock products
- Products approaching expiry

CRM features

Allow me to:

- Search patients by name
- Search by phone number
- Search by patient ID
- Scan a QR code
- Open the patient profile quickly
- Add a visit
- Add medication
- Edit medication
- Record a purchase
- Record pharmacist notes
- Set a follow-up date
- Mark a follow-up as completed
- View patient history

QR system

Every patient should have a unique QR code.

Scanning the QR code should open the patient's profile inside the authenticated CRM.

The QR code must not expose sensitive patient information directly.

Inventory integration

If pharmacy inventory data is available, connect the CRM to it.

Show:

- Product
- Category
- Stock
- Purchase cost
- Selling price
- Profit
- Profit margin
- Daily consumption
- Estimated days until stockout
- Expiry date

Marketing and CRM analytics

Create useful customer segments such as:

- Chronic patients
- Frequent customers
- Inactive customers
- Patients due for refill
- Patients due for follow-up
- High-value customers
- OTC customers
- Supplement customers

Use these segments to suggest ethical pharmacy actions.

Examples:

- Reminder to refill a chronic medication
- Follow-up reminder
- Blood pressure monitoring service
- Medication adherence follow-up
- Relevant OTC product suggestion when clinically appropriate
- Personal-care recommendation based on customer needs

Never recommend unnecessary medication or supplements simply to increase sales.

Sales analytics

Track:

- Daily sales
- Weekly sales
- Monthly sales
- Gross profit
- Profit margin
- Number of transactions
- Average transaction value
- Sales by category
- Sales by product
- OTC sales
- Supplement sales
- Chronic medication sales

Show trends and identify changes in customer behavior.

Alerts

Create alerts for:

- Follow-up due
- Missed follow-up
- Expected refill
- Missed refill
- Low stock
- Near expiry
- Expired product
- Unusual sales changes

Privacy and security

Patient information is sensitive.

Use:

- Authentication
- Secure local storage or encrypted database
- Role-based access if multiple users are added later
- Automatic session timeout
- Database backup
- Restore function
- Audit log for important changes

The system should work locally whenever possible.

Avoid sending patient information to external AI services unless I explicitly enable it.

Interface

Design the interface for a pharmacist working quickly during busy hours.

Prioritize:

- Fast search
- Few clicks
- Large buttons
- Clear patient timeline
- Simple forms
- Mobile-friendly interface
- Arabic and English support
- Iraqi pharmacy terminology where appropriate

Main screens

Create:

1. Dashboard
2. Patients
3. Patient profile
4. Medication history
5. Visits
6. Follow-ups
7. Inventory
8. Sales analytics
9. Alerts
10. Reports
11. Settings
12. Backup and restore

Patient timeline

Every patient should have a chronological timeline containing:

- Registration
- Visits
- Medication additions
- Medication changes
- Purchases
- Follow-ups
- Notes

Analytics

The CRM should generate actionable insights rather than only displaying numbers.

For example:

"23 chronic patients are expected to refill within 7 days."

"11 patients have not returned within their expected refill period."

"OTC sales increased 14% this month."

"Category X has high sales but low profit margin."

"17 products may expire before expected stock depletion."

Explain why each insight matters and what action I should consider.

AI assistant

Include an optional AI assistant that can answer questions about CRM data.

Examples:

- Which chronic patients are due for refill this week?
- Which patients have missed their expected refill?
- What are my top 20 profitable products?
- Which categories have high sales but low margins?
- Which products are at risk of expiry?
- Which days have the highest sales?
- What changed compared with last month?
- Which patients need follow-up today?

The AI must distinguish between:

- Facts directly available in the database
- Calculations
- Predictions
- Suggestions

Never invent patient information or sales data.

Architecture

Recommend a production-ready architecture that is simple enough for a small pharmacy.

Prefer a local-first architecture.

Explain:

- Frontend
- Backend
- Database
- Authentication
- QR generation
- Backup system
- API structure
- AI integration
- Deployment
- Security

Design the database schema before implementation.

Include relationships between:

- Patients
- Medications
- Visits
- Purchases
- Products
- Follow-ups
- Users
- Alerts
- Audit logs

Important constraints

The system must remain simple.

Do not add features just because they sound impressive.

Every feature should answer one of these questions:

- Does it save pharmacist time?
- Does it improve patient follow-up?
- Does it reduce stock problems?
- Does it improve business visibility?
- Does it improve patient service?
- Does it protect patient data?

Before writing implementation code:

1. Define the complete requirements.
2. Identify missing requirements.
3. Design the database.
4. Design the user workflow.
5. Design the API.
6. Define the security model.
7. Define the MVP.
8. Then propose the implementation plan.

Build the MVP first.

Do not overengineer the system.
Y@yakoobhaitham370
0
网站设计系统构建器
文本

围绕「网站设计系统构建器」的任务说明。

【中文任务:网站设计系统构建器】

先按中文标题理解目标;下列原文提示词保留结构与占位符:

Analyze the current website's design system by reviewing its key pages: homepage, 
a product or pricing page, an interior content page, a form or contact page, and 
any page with unique UI patterns (testimonials, pricing tables, etc.).

Where possible, inspect actual computed CSS values (via element inspection) rather 
than estimating visually, so colors, sizes, and spacing are accurate rather than 
approximate.

Document the following:

- Color palette: primary, secondary, accent, and neutral colors with hex/rgb 
  values and where each is used
- Typography: font families, weights, sizes, and line-heights for H1-H6, body 
  text, and captions/labels
- Spacing and layout: spacing scale, container widths, grid structure, and 
  responsive breakpoints
- Buttons and CTAs: primary/secondary/tertiary button styles, including hover 
  and active states if visible
- Forms and inputs: field styling, borders, focus states
- Navigation: header/nav structure and styling, footer structure
- Cards and containers: border-radius, shadows, borders
- Iconography and imagery style

Flag any inconsistencies across pages (e.g., different button styles in 
different places) instead of picking one and ignoring the rest.

Output the result as a single markdown (.md) file with H2 headers for each 
category, tables for color palettes and typography scales, and code blocks for 
CSS values. Structure it so a developer or designer could use it directly. 
Save it as [site-name]-design-system.md so I can export it from this thread.
A@ablum0814
0
Swagger API 同步
文本

围绕「Swagger API 同步」的提示词任务说明。

# Swagger API 同步

你是「Swagger API 同步」相关专家代理。先明确目标与约束,再给出可执行、可验证的产出;区分必须项与可选项。

以下保留原提示词正文供结构与占位符对齐:

# Set up an OpenAPI spec-sync workflow in this project

I want the same backend-spec workflow I use in another repo: a script that diffs the live
OpenAPI spec against a local snapshot and writes a **frontend-oriented** change report, plus a
`/api-sync` slash command that turns that report into a phased plan.

Fill these in from the repo before you start (ask me only if you can't work it out):

- **Spec source**: find it yourself — see Part 0. Don't ask me for the URL until you've looked.
  Whatever you find becomes the script's default, overridable via an `OPENAPI_URL` env var.
- **Snapshot path**: `api-spec/openapi.yaml`  ·  **Report path**: `api-spec/CHANGES.md`
- **Source root to cross-reference**: `src/` (adjust to this repo's layout)
- **Response-validation library**: zod (adjust if this repo uses something else)
- **Snapshot in git?** Keep the yaml **gitignored** (too large/noisy for history) but **commit
  `CHANGES.md`** — the generated report is the durable record of what changed and when. Also
  ignore `api-spec/openapi-*.yaml` and `api-spec/CHANGES-*.md` (dated manual archives).

Read this repo first (package manager, script conventions, how API calls and response schemas are
written) and match its style. Don't invent paths — grep for the real ones.

---

## Part 0 — find the spec before you write anything

Do this first and tell me what you found. Don't guess a URL, and don't ask me until this comes up
empty.

**1. The docs — cheapest place, and usually right.** `README.md`, `CLAUDE.md`,
`AGENTS.md`, `CONTRIBUTING.md`, anything under `docs/`, `.github/`, `.cursor/rules/`, a
`*.http`/`*.rest` scratch file, or a wiki checkout. The URL is often in prose ("API docs:
…/swagger"), in a setup step, or next to the backend repo link:

```bash
grep -rniE 'swagger|openapi|api-?docs|redoc|\/v3\/api-docs' --include='*.md' --include='*.mdx' --include='*.txt' --include='*.http' --include='*.rest' . | grep -v node_modules
```

Two gotchas: a **Swagger UI link** (`…/swagger-ui/index.html`, `…/docs`, `…/redoc`) is an HTML
page, not the spec — derive the machine URL from it (`/swagger-ui/index.html` →
`/v3/api-docs`, `/docs` → `/openapi.json`, `/redoc` → the `spec-url` in its HTML) and verify with
curl. And a docs URL may be **stale** — confirm it answers before adopting it, and tell me if the
README points somewhere dead.

**2. A spec file already in or near the repo** — someone usually vendored one:

```bash
find . -path ./node_modules -prune -o -iregex '.*\(swagger\|openapi\|api-docs\).*\.\(ya?ml\|json\)' -print
git ls-files | grep -iE 'swagger|openapi|api-docs'
```

Also check `node_modules/.cache/`, `.next/cache/`, `dist/`, `build/`, `coverage/` and any
gitignored `api/`, `api-spec/`, `docs/`, `schemas/` folder — a previous codegen run often left a
copy there. A stale cached copy is still useful: it's a **baseline to seed the snapshot with**,
so the first real diff is meaningful instead of "everything is new". If you find one, say how
old it is (`git log -1` / file mtime) before deciding to trust it.

**3. A generator config that already names the source** — this is the highest-signal hit, because
it points at whatever URL or path the team actually uses:

```bash
grep -rniE 'openapi|swagger|api-docs' --include='*.json' --include='*.ts' --include='*.js' --include='*.mjs' --include='*.yaml' --include='*.yml' --include='.env*' --include='Makefile' --include='*.sh' -l . | grep -v node_modules
```

Look specifically for: `openapi-typescript` / `orval.config.*` / `kubb.config.*` /
`swagger-typescript-api` / `@hey-api/openapi-ts` config, an `openapi`-ish npm script in
package.json, a `.env*` API base URL, `docker-compose.yml` service URLs, CI workflow steps, or a
committed generated client whose header comment cites its source spec.

**4. Derive it from the API base URL.** If you only find a base URL, probe the conventional paths
for that backend's framework before asking me — FastAPI `/openapi.json`, Spring/springdoc
`/v3/api-docs` (+ `.yaml`), ASP.NET `/swagger/v1/swagger.json`, NestJS `/api-json`, Rails/rswag
`/api-docs/v1/swagger.yaml`, plus plain `/openapi.yaml` and `/swagger.json`:

```bash
curl -sS -o /dev/null -w '%{http_code} %{content_type} %{url_effective}\n' <BASE>/openapi.json
```

Report which ones answered. If they all need auth, say so — don't bake a token into the script.

**5. Nothing works?** Then ask me, and tell me what you ruled out.

### If the spec isn't reachable over HTTP

Don't force the fetch design. Make the source a single `SPEC_SOURCE` that may be **a URL, a local
path, or a shell command** (e.g. the backend repo's own `make openapi`, or a sibling checkout's
generated file), resolved in that order: `--to <file>` flag → `OPENAPI_URL` env → the default you
discovered. Everything downstream — diff, report, snapshot — is unchanged. Say in `CLAUDE.md`
which one this repo uses and how to refresh it.

## Part 1 — `scripts/sync-api.mjs`

A single dependency-light Node ESM script (`js-yaml` is the only new dep; use the repo's package
manager). Flags:

```
node scripts/sync-api.mjs               fetch remote → diff vs snapshot → write report + overwrite snapshot
node scripts/sync-api.mjs --check       diff only, snapshot untouched, exit 1 if it drifted (CI-friendly)
node scripts/sync-api.mjs --from <file> diff against <file> instead of the snapshot
node scripts/sync-api.mjs --to <file>   treat <file> as "remote" instead of fetching (offline)
node scripts/sync-api.mjs --json        also print the raw diff as JSON on stdout
```

Add `"sync:api": "node scripts/sync-api.mjs"` to package.json.

**If no snapshot exists yet**: write the fetched spec as the snapshot, print "seeded — re-run after
the backend ships to see a diff", exit 0. Never report the whole API as "new". Exception: if Part 0
turned up an older cached/vendored spec, seed the snapshot from **that** instead and run a real
diff against the live spec on the first run — tell me the cached copy's date so I know what the
baseline means.

### What it must diff

Flatten `paths` into a `"GET /a/b"` → operation map and diff operations *and*
`components.schemas` separately:

**Operations**
- added / removed / changed
- params: new ones (flag `required`), required↔optional flips, enum values added/removed —
  key a param by `in:name` (or `ref:Name` for `$ref` params), not by array index
- request body and success-response schema: if the `$ref` name changed, report the rename; if the
  shape is **inline** (no `$ref`), diff its properties here — an unnamed schema is diffed here or
  nowhere. Resolve `allOf: [$ref]` wrappers to the underlying name, and render `oneOf`/`anyOf`
  unions as `A | B` (gaining/losing a union member is a real behavioural change).
- new/removed non-2xx status codes
- security requirement changes, newly `deprecated`

**Schemas**
- properties added (mark required) / removed / retyped
- enum values added or removed (on the schema and on each property, including `items.enum`)
- required↔optional flips

### The two things that make this report worth having

1. **`error_code` extraction from response prose.** Machine error codes are usually documented
   nowhere but each non-2xx response's `description` text ("… already an active member
   (already_member)"), so a new branch we need to handle looks like *nothing changed* to a
   schema-level diff. Parse them by **context, not vocabulary**: tokens inside `(...)`, tokens
   after `error_code`-ish prose, and any snake_case token that appears in some schema's literal
   `error_code` enum. Do **not** filter out tokens that collide with field names or enum values —
   those collisions are exactly the codes that matter most. Drop tokens introduced by "field X"
   phrasing (those are field names, not codes). Report added codes, and for a code that stopped
   being documented, grep the source for `"that_code"` and say **which file branches on it** —
   that's a dead branch.

2. **Cross-reference every change against the actual code.** Load every source file once via
   `git ls-files --cached --others --exclude-standard <src root>` (include untracked so a call
   site added this session counts; skip files listed but deleted from the working tree), then:
   - **Call sites** for a path: turn path params into single-segment wildcards and require the
     match to end at a quote/backtick/`?` so `/orgs/{id}` doesn't match `/orgs/id/archive`.
     Every removed/changed operation lists its call sites, or "⬜ no call site".
   - **Schema mirrors**: find the file holding our response-validation mirror of a spec schema —
     match `fooBarSchema` anywhere, plus the bare PascalCase name **only inside a `schemas.ts`**
     (elsewhere it collides with unrelated TS identifiers). Adapt the naming convention to
     whatever this repo actually uses — grep first.
   - A new operation whose path is already referenced in `src/` gets a "⚠️ path already
     referenced — check the method" note.

### Report format (`api-spec/CHANGES.md`)

Header with generation date, baseline label, spec `info.version`, and before→after operation and
schema counts; then a small added/removed/changed table; then sections, in this order:

- `## 🔴 Removed operations — breaking if we call them` (with call sites)
- `## 🟠 Changed operations` (nested bullets per change + call sites)
- `## 🟢 New operations`, grouped by path area (first segment, with sensible special cases for
  this API's prefixes) — summary, response schema, request-body schema
- `## 🔴 Removed schemas` (with mirror files)
- `## 🟠 Changed schemas` — **mirrored ones sorted first and bolded with the mirror file**, since
  those are what can break parsing today; the rest are informational
- `## 🟢 New schemas` (one comma-separated line)

If nothing changed, the body is exactly "No changes since the last snapshot." Top the file with
"do not edit by hand".

Keep the script commented where a decision is non-obvious (the error_code heuristic, the path
matcher's end anchor, why untracked files are included) — future-me reads those.

## Part 2 — `.claude/commands/api-sync.md`

A slash command (`/api-sync [scope]`, scope optional, also accepts `implement`) that runs the
workflow. Frontmatter: `description` + `argument-hint`. Steps:

1. **Diff** — run `npm run sync:api`, read `api-spec/CHANGES.md`. Call out the two judgement
   calls the report can flag but not decide: a changed **request body** on a live call site is
   actionable even with no schema mirror (we build bodies by hand), and a new **`error_code`** is
   a branch we don't have yet — if it's a field error it must render inline on the field, not
   just as a toast. If the report says no changes, say so and stop — don't invent work.
2. **Classify every item** into: Breaking (P0) · Silently wrong — a mirrored schema gained a
   required field or an enum grew values our validator rejects (P0) · Now-incomplete — a
   hand-built request body gained a field, or a new `error_code` we don't branch on (P1) ·
   Un-mocks a screen (P1) · Extends a screen (P2) · Net-new feature (P3) · Backend-only (drop).
   Never skip an item; if it fits nowhere, list it as an open question. Verify each
   classification against the code rather than assuming — open the named mirror file, grep for
   the mock fixture, confirm the screen exists.
3. **Write the plan** — a dated section in `ROADMAP.md` (or this repo's equivalent; create one if
   there's none), ordered by those priorities and phased so each phase ships independently. Per
   item: the endpoints and files that change, what the user can do afterwards that they can't
   today (the point of the work — not "wire endpoint X"), and whether it's blocked and on whom.
   One line per item. Then update whatever coverage/tracker docs this repo keeps.
4. **Report back in chat** — what the backend shipped in one plain-language paragraph, anything
   broken right now with the file to fix, the phases one line each, and genuine questions for the
   backend dev only. Stop there; only if the argument contains `implement`, build **Phase 1 only**,
   then run this repo's typecheck + lint and report before continuing.

## Part 3 — wire it in

- Add the gitignore entries.
- Add a short **Backend-change workflow** section to `CLAUDE.md` (create it if missing): the
  snapshot is local and gitignored, `CHANGES.md` is the committed record, `CHANGES.md` is
  generated so never hand-edit it, `/api-sync` when the backend dev says something shipped,
  `npm run sync:api -- --check` to detect drift, and the habit of archiving a dated
  `api-spec/openapi-YYYY-MM-DD.yaml` before a big backend change as a committed reference point.
- Seed the snapshot by running the script once, and show me the first report — plus a one-line
  note on where the spec came from and, if you seeded from a cached copy, how stale it was.
N@nurullah
0
视频
Pragati 作品集网站宣传视频

为 Shrinath 大学 BCA 学生 Pragati 制作作品集网站宣传视频脚本/分镜。

我是 Pragati,Shrinath 大学 BCA 学生。请为我制作作品集网站宣传视频:含分镜、旁白文案、镜头节奏与片尾 CTA,风格专业、青春、适合投递作品集。
P@pragatitiwary15
0
基于清晰度的结账流程审计
文本

审计结账流程的清晰度与转化障碍。

你是「基于清晰度的结账流程审计」。请按下列中文说明执行;完整原提示词正文保留于后,供结构、占位符与技术细节对齐。

## 中文任务说明
审计结账流程的清晰度与转化障碍。

以下保留原提示词正文供结构与占位符对齐:

# Clarity-Based Cart & Checkout Flow Audit

## Configuration (fill in before use)
- CLARITY_MCP: clarity
- START_DATE: {date:last 14 days}
- PAGES: {pages:"/sepet", "/odeme", "/sonuc"}
- DEVICES: device
- PAYMENT_MODEL: payment_model
- AUXILIARY_TOOLS (optional — delete any line you won't use):
  - Error tracking (e.g. Sentry, Bugsnag, Rollbar): error_tracking_mcp
  - Performance/APM (e.g. New Relic, Datadog, Grafana): performance_mcp
  - Logs (e.g. Elastic, Loki): logs_mcp
  - Analytics/funnel (e.g. GA4, Mixpanel, Amplitude): analytics_mcp
  - Other: other_mcps
- TECHNICAL_NOTES (optional): [stack, known constraints, special business rules]

## Role
You are an e-commerce conversion/UX analyst. Goal: identify everything that
blocks, slows down, or causes users to abandon the cart → address/shipping →
payment → order confirmation flow, and produce a prioritized report that anyone
on the team can read.

## Tool usage principles
- CLARITY_MCP is the primary source. Session recordings, heatmaps, and automatic
  signals (rage click, dead click, quick back, JS error, excessive scroll) come
  from here. Every finding must be backed by at least one Clarity session.
- Auxiliary tools are for verification and root cause, not discovery:
  - Error tracking → when Clarity shows a JS error or "nothing happened"
    behavior, search for matching issues in the same time window and page;
    capture stack trace, affected user count, first/last seen, and release.
  - APM → when the symptom is "slow / spinner / timeout", check the relevant
    endpoints in the same window for latency, error rate, or throughput drops.
  - Logs → check for server errors or business-rule rejections matching a
    specific session's timestamp.
  - Analytics → confirm Clarity's funnel data against a second source.
- When looking for matches, narrow the window to ±5 minutes around the Clarity
  session, by page/route, and by device/browser where possible.
- If a tool is not configured, unreachable, or returns nothing, write "could
  not be verified with X" in the report and continue. Do not attempt to use a
  tool that isn't configured.

## Workflow
1. Big picture: for PAGES, pull session count, JS error, rage/dead click, and
   quick back rates, and average time on page. Identify the step transition
   with the highest drop-off.
2. Use the signal filters to list sessions on the relevant pages; starting
   with the highest signal density, review at least 20 recordings. If fewer
   than 20 exist, review all of them.
3. For each recording note: step, user intent, what happened (error,
   unresponsive button, loop, unexpected redirect, cart reset), what the user
   did next, timestamp, device/browser.
4. Turn individual observations into patterns; if the same problem appears in
   multiple recordings, merge into one finding and state how many sessions
   show it.
5. Cross-verify each pattern with the configured auxiliary tools. If there is
   no match, say so; the finding still stands, root cause is "unknown".
6. Look in the reverse direction: if an auxiliary tool shows a clear spike or a
   new high-volume issue during the period, find the Clarity sessions that
   coincide with it and report the user impact.
7. Actively look for:
   - Sessions where the transition to the payment step never fires or is delayed
   - If PAYMENT_MODEL is redirect/iframe: errors, blank pages, or empty cart
     on return from the provider (the recording cutting off at the redirect
     itself is normal and not a finding)
   - Invisible form validation errors (user presses "continue", nothing happens)
   - 3+ clicks on the pay/continue button with no progress
   - Cart total not updating after a cart change, or cart emptying
   - CTA unreachable on mobile due to keyboard or fixed bottom bar
   - Getting stuck at the coupon/promo code step
   - Back-and-forth or loops on the login/guest selection screen
   - Payment appears successful but no order confirmation (always P0)

## Prioritization
- P0: fully blocks the flow and recurs
- P1: makes completion significantly harder
- P2: creates friction but completion is possible
- P3: cosmetic
For every finding, state prevalence (% and device breakdown). Findings verified
by an auxiliary tool are one level more reliable than Clarity-only findings;
show this in an "evidence level" column (Clarity only / Clarity + tool_name).
Items seen in a single session that look critical go into a separate "To
verify" list — do not mix them into P0.

## Report format
File: `reports/checkout-audit-<date>.md`, English, markdown.
1. Executive summary — non-technical language, max 5 bullets:
   problem → how many users affected → estimated business impact
2. Flow drop-off table — step → session count → % proceeding to next step
3. Findings table —
   ID | Priority | Step | Problem (plain language) | Sessions affected | Device | Evidence level | Example session IDs
4. Developer appendix — per finding: observation, evidence from auxiliary
   tools (issue link, endpoint/latency data, log line — if any), probable
   technical cause (labeled as interpretation), suspected component/endpoint,
   recommended action, how to verify
5. To-verify list
6. Data limitations — which tools could not be checked, small sample sizes,
   blind spots, date filter constraints

## Rules
- Never write a finding without a recording to back it.
- Separate observation from interpretation: "clicked 4 times, page did not
  change" is an observation; "probably an API timeout" is an interpretation —
  label it as such.
- Present cross-tool matches as "time windows overlap", never as causation.
- If data is missing, say so explicitly; do not fill gaps with guesses. If the
  technical cause is unknown, write "unknown, needs developer review".
- Leave session IDs, issue IDs, endpoint paths, and URLs exactly as they are.
- Save raw data pulled from each tool under `reports/raw/<tool>/`.
Web Development
A@ahmetkorkmaz3
0
创建功能丰富的银行网站,命名为 FATE BANK
文本

银行网站提示词

我想要一个银行应用提示词,要求专业且更好。名字要叫 FATE BANK。
F@froshoro
0
Previous4 / 5Next