开发编程编程开发前端开发实用指南方案设计
React 核心级架构师
作为React核心架构师，输出符合React 18+并发心智的高性能代码方案。必须使用自定义Hook封装业务逻辑，禁用Class生命周期思维，避免闭包陷阱与依赖项遗漏。输出包含心智模型、TS类型定义、逻辑层代码与渲染层组件，强调类型安全与性能优化。适合开发编程相关任务中直接调用。
正文长度577
Token417
语言中文
核验2026-05-16
按主题和用途，快速找到好用的 Prompt
围绕 前端开发 找到合适的 Prompt
按主题、用途和关键词筛选，打开详情即可查看完整提示词，找到后直接复制使用。
总收录条数
34,071
当前命中
56
分类数量
4
查看详情
开发编程编程开发技术文档开发工具系统设计
你是一位国际顶尖的数字杂志艺术总监和前端...
本提示词定义AI为时尚杂志艺术总监，负责设计高级知识卡片，融合奢华美学与现代网页技术。支持复古、极简、大胆等六种风格，每种需包含日期、标题、引用等元素，并适配不同视觉表现。适用于数字出版、品牌宣传或教育内容可视化。输出需提供完整HTML/CSS代码，确保响应式布局与交互效果，参考Vogue等高端杂志设计规范。
正文长度1,444
Token1,376
语言中文
核验2026-05-16
开发编程编程开发前端开发代码示例
JavaScript中的数组
该提示用于开发编程领域，面向JavaScript初学者讲解数组相关知识。适用于编程语言学习，需解释数组定义、类型、用途及常用函数。输出应为多示例说明的教程式内容，涵盖所有数据类型对比，帮助初学者全面理解数组操作与应用场景。适合开发编程相关任务中直接调用。使用时可结合具体对象、语气和输出格式继续补充条件。
正文长度133
Token100
语言中文
核验2026-05-16
设计创意前端开发交互设计
WeChat Dev: 设计活动小程序
该提示要求模型扮演微信小程序开发工程师，根据用户需求设计活动类小程序的功能模块与页面结构，并提供首页的完整WXML和JS代码。适用于快速原型开发场景，输出需包含具体技术实现细节，避免简化或省略关键代码，适合使用云开发或原生小程序框架进行开发。适合设计创意相关任务中直接调用。使用时可结合具体对象、语气和输出格式继续补充条件。
正文长度213
Token225
语言中文
核验2026-05-16
开发编程编程开发前端开发
Vue开发智能体
资深Vue.js开发专家，针对前端技术问题提供代码级解决方案。分析用户提出的框架相关问题后，输出包含最佳实践说明、可运行代码示例及版本适配信息的Markdown文档，强调性能与维护性考量，适用于Vue项目功能开发与疑难问题调试场景。适合开发编程相关任务中直接调用。使用时可结合具体对象、语气和输出格式继续补充条件。
正文长度472
Token281
语言中文
核验2026-05-16
开发编程前端开发编程开发
前端开发专家
作为专业前端工程师，该提示词要求模型针对React和TypeScript相关需求提供完整解决方案，包括代码实现、架构设计和性能优化建议。适用于前端开发场景，输出需包含清晰代码示例、技术解释和最佳实践指导，语言风格专业简洁，内容控制在300-800字之间。适合开发编程相关任务中直接调用。
正文长度530
Token405
语言中文
核验2026-05-16
个人成长编程开发前端开发软件开发
逻辑之刃HTML版
逻辑推理训练工具，将文本转化为命题逻辑表达式进行形式化推演。支持符号化操作（如¬∧→∀∃）、谬误识别和论证构建，输出包含真值表推导过程。适用于逻辑学教学、辩论分析与批判性思维培养场景，需配合LaTeX数学符号规范使用。适合个人成长相关任务中直接调用。使用时可结合具体对象、语气和输出格式继续补充条件。
正文长度1,635
Token838
语言中文
核验2026-05-16
开发编程编程开发技术文档开发工具系统设计
代码转Vue页面
该提示词指导资深前端工程师将后端功能模块代码自动转换为Vue单文件组件。适用于前后端协作开发场景，输入为数据结构或业务逻辑代码后，输出完整的.vue文件，包含template、script setup和style三部分，使用Element Plus组件库和TypeScript+SCSS技术栈，要求代码规范、响应式处理正确且具备表单验证功能
正文长度993
Token738
语言中文
核验2026-05-16
内容创作AI写作前端开发文本润色写作创作
提炼汇报大纲和改写页面金句
重构工作汇报结构并提炼标题金句，采用痛点-破局-战果-势能故事线，要求动词犀利、数据驱动、利他视角，避免目录平铺，提升高层说服力。适合内容创作相关任务中直接调用。使用时可结合具体对象、语气和输出格式继续补充条件。这样更容易得到结构清晰、方向贴合且可直接落地的回复。若用于实际业务，可先补充主题背景、目标受众和结果格式，再复制使用。
正文长度143
Token112
语言中文
核验2026-05-16
开发编程编程开发技术文档开发工具系统设计
前端样式优化师
前端开发专家优化两个文件的视觉样式，保持功能不变前提下提升美观度与响应式设计。使用现代CSS技术，确保代码清晰可维护，适用于Web项目UI升级场景，强调性能不降与可访问性兼容。适合开发编程相关任务中直接调用。使用时可结合具体对象、语气和输出格式继续补充条件。这样更容易得到结构清晰、方向贴合且可直接落地的回复。
正文长度399
Token330
语言中文
核验2026-05-16
开发编程编程开发技术文档开发工具系统设计
前端约束提示词
前端开发约束提示，强制使用React Hooks、Tailwind CSS原子类与lucide-react图标，模仿shadcn/ui设计语言，确保代码风格统一规范，适用于团队协作或标准化前端项目快速开发。适合开发编程相关任务中直接调用。使用时可结合具体对象、语气和输出格式继续补充条件。
正文长度184
Token127
语言中文
核验2026-05-16
开发编程编程开发技术文档开发工具系统设计
Expo React Native TypeScript Cursor 规则
Expo React Native TypeScript开发专家，遵循函数式编程与模块化结构，提供移动端UI组件与类型定义。适用于跨平台移动应用开发，输出需符合官方文档规范，强调性能与可维护性。适合开发编程相关任务中直接调用。使用时可结合具体对象、语气和输出格式继续补充条件。这样更容易得到结构清晰、方向贴合且可直接落地的回复。
正文长度5,676
Token1,419
语言英文
核验2026-05-17
开发编程编程开发技术文档开发工具系统设计
Next.js React TypeScript 开发规则
Next.js全栈开发技术规范，涵盖TypeScript编码标准和组件结构。适用于前端工程化建设场景，需遵循函数式编程范式，采用模块化文件组织方式，确保代码可维护性和类型安全性。适合开发编程相关任务中直接调用。使用时可结合具体对象、语气和输出格式继续补充条件。这样更容易得到结构清晰、方向贴合且可直接落地的回复。
正文长度1,869
Token467
语言英文
核验2026-05-17
开发编程编程开发技术文档开发工具系统设计
Vuejs TypeScript 最佳实践
提供Vue.js + TypeScript 全栈开发最佳实践指导，涵盖项目结构、组件设计、状态管理、性能优化及常用库集成。强调函数式编程、类型安全、模块化开发，输出为可落地的代码示例与技术规范文档，适用于中大型前端项目开发参考。适合开发编程相关任务中直接调用。使用时可结合具体对象、语气和输出格式继续补充条件。
正文长度2,133
Token533
语言英文
核验2026-05-17
开发编程编程开发技术文档开发工具系统设计
前端网页生成优化Prompt 群友Marvin优化版
该提示词同样用于前端网页生成优化，强调深度内容分析和视觉转化能力。适用于数字产品重构场景，输出需将原始信息转化为 engaging 体验，遵循设计原则如一致性、层次清晰，支持文本或文件输入，确保最终成果符合现代Web标准。适合开发编程相关任务中直接调用。使用时可结合具体对象、语气和输出格式继续补充条件。
正文长度6,641
Token1,660
语言英文
核验2026-05-17
开发编程视觉设计数据分析编程开发前端开发
3D地图数据可视化HTML
前端开发专家使用Three.js创建3D地图HTML文件，支持交互旋转缩放，响应式设计适配多屏，代码结构清晰注释完整，性能优化良好，实现地理数据可视化。适合开发编程相关任务中直接调用。使用时可结合具体对象、语气和输出格式继续补充条件。这样更容易得到结构清晰、方向贴合且可直接落地的回复。
正文长度356
Token201
语言中文
核验2026-05-16