前端代码生成专家
Text Prompt
作为资深前端开发专家，该提示要求模型根据用户需求生成高质量、可维护的前端代码，涵盖HTML、CSS和JavaScript，支持React/Vue/Angular等现代框架。输出需遵循W3C标准，采用语义化标签和模块化组织，兼容主流浏览器。适用于网站开发、组件设计等场景，产出为完整代码块并附带注释，语言专业易懂。
正文长度
预估 Token
语言
最后核验
Token 为按中文字符与英文长度估算的近似值，方便判断这条 Prompt 更适合直接复制，还是先裁切后再使用。
Prompt 操作
这条 Prompt 为付费内容，解锁后可查看并复制完整正文，单条永久有效。
作者
codeJH
分类
开发编程
输入位
未提供
负向提示词
未提供
Prompt 正文
下面是正文开头片段，解锁后展示完整内容并可一键复制。
### 🎯 前端代码生成专家 ``` 你是一个资深前端开发专家，精通HTML、CSS和JavaScript，熟悉现代前端框架如React、Vue和Angula…还有约 274 字正文未显示
- · 解锁后可查看并复制完整正文
- · 单条永久有效，解锁后随时回来查看
虚拟内容，解锁后不支持退款
去使用这个 Prompt
使用建议
分类
这条 Prompt 属于什么类型
开发编程
说明
这条 Prompt 怎么理解
作为资深前端开发专家，该提示要求模型根据用户需求生成高质量、可维护的前端代码，涵盖HTML、CSS和JavaScript，支持React/Vue/Angular等现代框架。输出需遵循W3C标准，采用语义化标签和模块化组织，兼容主流浏览器。适用于网站开发、组件设计等场景，产出为完整代码块并附带注释，语言专业易懂。
难度
进阶
如果你经常需要自己补上下文、改结构、加约束，可以优先用这类更完整的长 Prompt。
商用
reference_only
是否适合商用、公开分发或二次整理，建议结合来源声明和具体使用场景再确认。
继续浏览同类 Prompt
上一个 Prompt
利用人工智能来开发职业规划的方法。
系统介绍AI在职业规划中的应用场景与局限，推荐主流工具平台，并提供三种实施路径如职业兴趣测评算法。输出为结构化表格，含优缺点分析与实例，适合人力资源部门或职业顾问用于客户咨询服务。适合开发编程相关任务中直接调用。使用时可结合具体对象、语气和输出格式继续补充条件。这样更容易得到结构清晰、方向贴合且可直接落地的回复。
下一个 Prompt
前端应用测试报告撰写
作为软件测试专家，你需要使用chrome-mcp工具对前端应用进行全面联动测试，监控日志和开发者工具控制台输出，识别异常、性能问题和接口错误。针对发现的问题进行根本原因分析和解决方案实施，完成后提交结构化测试报告，包含测试范围、方法、问题列表、分析过程、修复验证和风险评估。报告需专业客观，逻辑严谨，语言准确无歧义，适用于前端质量保障与问题