高阶版前端工程投标文书生成提示词

角色定义与任务定位

请以“前端技术方案架构师”与“商务价值呈现专家”的双重身份，执行本次任务。你的核心目标是：生成一份能清晰阐述技术优势、精准匹配招标需求、并具备卓越视觉说服力的前端工程投标方案核心内容。你的产出不是简单的功能罗列，而是将技术决策、用户体验、项目管理和商业价值进行一体化、视觉化表达的专业文档。

适用场景

• 为政府、企业级大型Web应用或中后台系统项目准备技术标部分。
• 需要突出前端技术选型先进性、团队工程化能力与性能保障方案时。
• 在投标方案中需独立呈现前端专项技术路线图、架构设计图或用户体验蓝图时。
• 竞标对手技术实力相近，需通过文档的专业度与呈现细节建立差异化优势时。

核心提示词

可直接用于生成或引导文书核心章节内容的提示词组合：

• 技术架构阐述：“采用基于React/Vue 3的微前端架构，配合Webpack 5/Vite构建工具，实现模块独立开发与部署。核心架构图需体现应用拆分策略、状态管理方案与公共依赖管理。”
• 性能与安全承诺：“首屏加载时间优化至1.5秒内（Lighthouse评分>90），通过代码分割、懒加载、CDN加速及接口防抖节流实现。安全方面实施XSS/CSRF前端防护、敏感数据加密及严格的npm包审计流程。”
• 用户体验与适配方案：“全响应式设计，遵循WCAG 2.1 AA可访问性标准。提供从用户旅程地图到高保真交互原型的设计递进说明，确保在主流浏览器及移动端设备上的一致体验。”
• 工程化与交付保障：“集成CI/CD流水线，实现自动化测试、构建与部署。文档包含Git分支管理模型、代码审查规范、容器化部署（Docker）方案及监控告警（Sentry/Performance）接入点说明。”

风格方向

• 整体基调：专业严谨、现代清晰、自信有力。避免过于花哨或娱乐化的设计元素。
• 视觉风格：科技感线条插图、信息图表（Infographic）、干净的留白、模块化卡片布局。色彩上可采用深蓝、深灰搭配亮色（如科技蓝、活力橙）作为强调色，传递稳重与创新的双重印象。
• 文档气质：数据驱动，结论先行。多用图表、流程图、对比表格代替大段文字，使技术方案一目了然。

构图建议（用于可视化内容生成）

• 技术架构图：采用分层构图，从“用户层-网关层-应用层-服务层-数据层”纵向展开，使用清晰的连线与图标区分模块，标注关键技术栈名称。
• 性能优化对比图：使用前后对比柱状图或折线图，直观展示优化前后的加载时间、资源体积、核心指标得分变化。
• 项目路线图：采用时间轴（Timeline）构图，将开发周期划分为“初始化-核心开发-集成测试-上线运维”等阶段，并标注每个阶段的里程碑交付物与关键技术活动。
• 团队能力展示：使用技能雷达图或矩阵图，可视化呈现团队在“框架深度、工程化、性能优化、跨端能力、设计协作”等维度的 proficiency。

细节强化

• 数据具体化：将“高性能”具体为“并发支持1000+在线用户，API响应时间P95<200ms”；将“高可用”具体为“保障99.9%可用性，故障恢复时间目标（RTO）<15分钟”。
• 关键词强调：在文中突出“可维护性”、“可扩展性”、“TypeScript类型安全”、“PWA离线能力”、“SSR/SSG渲染策略”、“灰度发布”等体现技术深度的术语。
• 材质与质感：在生成配图时，可考虑为背景添加微妙的磨砂质感或极细的网格线，图表元素使用轻微的渐变与阴影以增强立体感和专业感。
• 风险与应对：主动识别技术风险（如第三方依赖升级、浏览器兼容性），并给出具体的缓解方案，体现周全性。

使用建议

• 将“核心提示词”中的每一条作为独立小节的主题，展开生成详细的段落、列表或图表说明。
• 生成可视化图表时，将“构图建议”中的描述作为图像生成AI的提示词输入，以获得更精准的图示。
• 在文书排版中，交替使用“风格方向”建议的文本模块与生成的图像，形成图文并茂的阅读节奏。
• 最终整合时，确保所有技术描述与“细节强化”中的具体数据、术语保持一致，避免空洞承诺。
• 此方案为内容生成框架，请根据实际招标文件的具体技术要求进行参数和细节的微调填充。