本技能提供一套结构化、大师级水准的框架，用于在项目初期对 Web 项目、Web 应用或单个页面设计进行头脑风暴。它引导开发者和设计师完成核心产品概念的范围界定、用户流程映射、视觉风格美学定义、技术栈选择，以及搜索引擎优化（SEO）和性能规划。

跨六个结构化阶段顺序执行 Web 项目头脑风暴。一次一个阶段地向用户提问，以保持专注并确保充分对齐。

定义产品的主要价值主张和范围：

阶段 2：用户体验（UX）与信息架构

阶段 5：SEO、可访问性（A11y）与性能

在与客户或团队成员发起头脑风暴会话时使用此提示布局：

👋 让我们为你的新 Web 项目进行头脑风暴！我们将经历 6 个快速阶段。

---
### 阶段 1：核心概念与范围界定
1. 这个项目的主要标题或工作名称是什么？
2. 主要目标用户是谁（例如，懂技术的专业人士、购物者、儿童）？
3. 用户必须能够执行的 3 个核心任务是什么？
---

所有阶段完成后，使用此模板为项目生成 Markdown 蓝图：

# 项目蓝图：[项目名称]

## 1. 产品概念
- **价值主张**：[摘要]
- **关键功能**：
  1. [功能 1]
  2. [功能 2]

## 2. 信息架构与 UX
- **页面**：`/index.html`、`/dashboard.html`
- **主要用户流程**：用户注册 -> 完成引导 -> 查看仪表板。

## 3. 样式与美学
- **美学**：流畅的玻璃拟态深色模式
- **颜色令牌**：
  - 背景：`hsl(222, 47%, 11%)`
  - 强调/主色：`hsl(217, 91%, 60%)`
- **字体排印**：Inter（正文）、Outfit（标题）

## 4. 技术架构
- **框架**：Next.js（App Router）
- **样式**：Tailwind CSS
- **数据库**：PostgreSQL + Prisma ORM

## 5. SEO 与性能
- **主标题**："[品牌] | [标语]"
- **性能策略**：动态图片优化，通过 Cloudflare 缓存页面。

## 6. MVP 与阶段 2 路线图
- **MVP**：认证 + 核心仪表板视图。
- **阶段 2**：实时通知和 PDF 报告。

解决方案：严格执行阶段 6。将锦上添花的功能推入阶段 2。

解决方案：在阶段 2 头脑风暴响应式模式，然后再在阶段 3 决定布局风格。

来源说明：本文内容整理自开源项目 agentic-awesome-skills（中文翻译版），遵循 CC BY 4.0（知识共享署名 4.0 国际）许可协议，此处作为中文资料整理分享，版权归原作者所有。

Web Project Brainstorming 实用指南

Masterclass framework for brainstorming web development projects and page designs. Outlines structural phases for concept, UX flow, styling aesthetics, technical architecture, and SEO.

前端

开发工具

架构设计

本文提供一套六阶段Web项目头脑风暴框架，涵盖核心概念、用户体验、视觉设计、技术选型、SEO及MVP规划，帮助开发者和设计师高效定义产品方向，避免范围蔓延，并附有可直接使用的提问模板和输出文档示例。

PostgreSQL

SSL 证书

数据库

GraphQL

SQLite

Agent

ReAct 

CDN免费试用


文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

EdgeOne AI 安全实战专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

Web Project Brainstorming 实用指南

Web Project Brainstorming 实用指南

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐