- 博客(81)
- 收藏
- 关注
RSS订阅原创 企业官网纯前端开发
下面 5 条全部为题目，分简单 / 中等 / 复杂、3D 动效 / 常规页面两类，无后端依赖、细节落地、贴合真实企业建站需求，直接放进技术分享文即可。
2026-06-21 21:36:20
293
原创 贴近实战的纯前端开发场景，练手超合适
日常做前端开发，总觉得练手项目要么太简单没挑战，要么太复杂难落地？分享 5 个贴近真实业务场景的开发需求，既有具体的实现要求，又能覆盖不同难度的技术应用，新手能夯实基础，老手也能打磨细节。
2026-06-21 16:17:18
251
原创 外包接单必备：最常做的企业官网前端 Prompt
做前端外包，不要总想着接什么大项目，就把这些常见的官网做精做透，足够你赚的了。每种类型存一套模板，改改文案图片就能交付，效率特别高。而且这些都是刚需，永远有市场。
2026-06-21 07:38:39
185
原创 纯前端练手必备：5 个既能练技术又能当作品的项目 Prompt
很多人学前端，学了一堆框架 API，但是不知道做什么项目，技术永远停留在入门水平。其实最好的学习方式就是做项目，而且是做自己会用的项目。你天天用的工具，你自己最清楚哪里不好用，改着改着技术就上去了。这 5 个项目，随便挑一个认真做完，你的前端水平绝对能上一个台阶。
2026-06-20 15:19:11
273
原创 前端开发者必备：开箱即用的纯前端项目 Prompt
纯前端能做的事情其实特别多，不要总觉得必须要有后端才能做项目。把前端做到极致，一样能做出很有价值的产品。很多工具类、展示类的产品，纯前端完全够用，开发速度还快，部署还简单。建议每个前端同学都至少做一个自己的纯前端产品，收获真的很大。
2026-06-15 20:27:27
315
原创 医疗信息化必备：最常用的医疗系统全栈 Prompt
做医疗系统，技术不是最难的，懂业务才是最难的。不要一上来就想着做什么 HIS 大系统，那个不是普通人能玩的。就从诊所、药店、体检这些小系统切入，把业务逻辑做透，比什么都强。医疗行业付费能力强，客户粘性高，做进去了就是长期生意。
2026-06-15 19:02:14
213
原创 商城开发必备：主流电商模式全栈 Prompt 模板
做商城不要总想着做 "全功能商城"，90% 的功能客户根本用不上。先搞清楚客户到底是哪种模式：单商户还是多商户，ToC 还是 ToB，零售还是批发，把核心流程做对做顺，比什么都强。把这 5 个模板存下来，99% 的电商需求都能覆盖。
2026-06-15 08:49:51
237
原创 独立开发者必备：5 个能直接赚钱的全栈小产品 Prompt
独立开发者最容易犯的错，就是总想做 "大项目"。其实真正能赚钱的，都是这种小而美的工具。不用融资，不用团队，一个人花一两个月做完，上线就能收钱，后面就是躺赚。这 5 个方向都是已经被验证过的，只要做出来就有人买单。别想那么多，先做出来再说。
2026-06-14 21:56:13
200
原创 面向开发者：技术团队必备的全栈工具 Prompt
很多人做全栈，总想着做面向 C 端的产品，其实最有价值的全栈项目，是解决技术团队内部痛点的工具。这些工具不用考虑用户增长、不用考虑商业化，只要能实实在在提升效率，就是好项目。而且做这些工具的过程，你对整个技术栈的理解会深入很多。建议大家至少做一个自己用的工具，真的能学到很多。
2026-06-14 17:51:14
189
原创 全栈开发提速指南（三）：再更 5 个高频场景 Prompt
现在 15 条全栈 Prompt 了，基本覆盖了 90% 的常见业务场景。其实做全栈久了你会发现，真正难的不是写代码，而是把业务逻辑做对。很多业务场景（库存、CRM、预约）都有行业标准解法，不用自己摸索。把这些标准解法做成 Prompt 模板，真的能少走很多弯路。
2026-06-13 14:14:30
218
原创 用 AI 写全栈项目的正确姿势：我私藏的 5 条开箱即用提示词
技术栈写死，别让 AI 瞎选型边界说清楚，哪些要做哪些不要做要求可运行，不要示例代码别写那种 "帮我做一个管理系统" 的废话。AI 不是产品经理，你不说清楚，它就给你凑一堆看起来能用、实际上一跑就崩的代码。把这 5 条存下来，下次开新项目先套一遍，真的能省很多事。
2026-06-13 06:40:38
255
原创 全栈开发提速指南：可以直接用的项目生成提示词
今天分享 5 个我日常开发中一直在用的提示词模板 —— 不是那种空泛的 "帮我写个管理系统"，而是把所有约束条件、技术栈、代码规范都写死，复制粘贴就能生成能用的项目骨架。这些提示词本质上就是把一个资深开发者的经验固化成了模板 —— 你把规范、约束、踩过的坑都提前告诉 AI，它就不会给你生成那些看起来能用、实际上一跑就崩的垃圾代码。很多人让 AI 审代码，结果得到一堆 "可以加注释"、"变量名可以更清晰" 这种没用的废话。明确要求 "保持原有功能不变"、"不改变对外接口"，就不会越改越乱。
2026-06-10 19:22:44
322
原创 最近做的几个小项目：从 PWA 到 JSON 工具的零散总结
一旦检测到离线，页面会动态生成一个离线页，并从 IndexedDB 中拉取最近浏览的文章列表展示出来。用户如果希望保存当前 JSON，可以生成一个短 ID，数据存在 SQLite 里，并通过 localStorage 记录本地关联 ID，不需要登录体系。前端支持分类视图，也会记录用户已读状态，避免重复展示。用户可以在网页里粘贴或上传 JSON，然后以树形或表格视图查看结构，也支持 JSONPath 查询。
2026-06-10 11:11:14
201
原创 技术分享：高质量全栈开发提示词设计实践 —— 覆盖简单到复杂
数据表：User、Transaction（字段：金额、类型：收入/支出、分类：餐饮/交通/购物/工资等、日期、备注）。用户注册/登录后，可上传高分辨率图片（JPG/PNG，最大 10MB），系统异步生成三种尺寸的缩略图（小 150x150、中 300x300、大 600x600），并将原图和缩略图存储到自托管的 MinIO (S3 兼容)。- **完全自托管**：无需任何外部 API（如 OAuth、云存储、邮件服务），所有依赖可通过 Docker Compose 或本地命令一键运行。
2026-06-09 17:53:22
332
原创 五个全栈项目：从需求到代码
HR 端可查看实时统计结果（图表展示，Chart.js 关闭动画），并导出详细数据为 CSV（每道题的选项计数）。商家可以发布可租赁设备（名称、图片、押金、日租金、库存数量、租赁规则）。文档可设置权限：公开（所有人可见）、团队（仅指定团队）、私人（仅自己）。管理员可以创建活动（标题、时间、地点、人数上限、报名开始和截止时间）。报名时填写姓名、手机号、公司（可选）。活动当天，管理员可打开签到页面，输入用户手机号或扫描报名二维码（生成二维码可以用 qrcode 库，后端生成图片链接）完成签到。
2026-06-08 15:07:57
248
原创 游戏开发：五个经典玩法补完计划
蛇头吃到食物后，身体长度加 1，分数加 10，生成新食物。难点：球的位置插值、碰撞检测（发射球与轨道球的距离）、连锁消除的递归处理。玩家控制一个滑雪者（三角形或多边形），画面从上向下滚动，玩家需左右移动避开树木和岩石等障碍物。障碍物随机生成在跑道上，宽度为 3 条滑道（左中右），玩家用左右方向键切换滑道。用 HTML 和 JS 做一个三子棋游戏（3x3 格子，双方轮流落子，横竖斜先连成三子者胜）。难点：胜负判断（8 种连线），AI 的简单策略（遍历空位检查是否需要堵）。说人话：微信小游戏跳一跳的简化版。
2026-06-07 16:42:37
302
原创 全栈项目：论坛、抽奖、闪卡、家政、报表
这五个补上了论坛社交、抽奖营销、学习工具、服务预约、数据报表。前面写了不少行业系统，这次换几个日常能见到的：社区论坛、在线抽奖、学习闪卡、家政接单、数据报表导出。每个都是真实需求，英文提示词在前，中文说明帮你理清业务逻辑。间隔重复排期是难点，可以用一个简单的指数增长公式（下次间隔 = 当前间隔 × 系数）。
2026-06-07 16:01:20
220
原创 全栈项目再来5个：CRM、酒店、外卖、票务、考勤
销售登录后只能看到自己名下的客户，可以添加客户（姓名、公司、邮箱、电话），可以创建商机（关联客户、金额、状态：初步接触、谈判中、已成交、已丢失），并且能更新商机状态。模型：用户（扩展Django用户，增加部门和角色：员工/经理）、考勤记录（用户、日期、上班打卡时间、下班打卡时间）、请假申请（用户、开始日期、结束日期、事由、状态：待审批/已批准/已拒绝）。实体：用户（顾客、商家、骑手）、商家（名称、地址、菜系、菜单）、订单（顾客ID、商家ID、商品列表、状态：已下单/备餐中/配送中/已送达、骑手ID）。
2026-06-06 15:59:32
207
原创 企业官网与品牌落地页，能直接交付的前端题目
这5个题目覆盖了科技公司、餐饮品牌、咨询公司、个人作品集、非营利组织五个方向。每个都是真实的官网场景，不涉及复杂交互，重点在布局、响应式、表单校验和纯数据展示。选一个跟你当前接单方向最匹配的开干，做完记得把图片占位符换成真实素材，看着就更有说服力了。前面写了不少偏工具类的组件，这次回到最经典的场景——企业官网。别小看官网，从布局、字体、间距到移动端适配，一堆细节能抠半天。下面这5个题目都是真实接单时遇到的需求，没有花哨的动效，就是实打实的结构和样式。为什么选这个：活动推广页的倒计时和捐款弹窗是典型需求。
2026-06-06 06:38:50
283
原创 前端项目开发：日常高频组件
这5个题目分别是倒计时、颜色选择器、分页、抽屉、轮播。前面写了不少数据类、表单类的题目，这次换个方向，写点组件级别的。倒计时、颜色选择器、分页、抽屉、走马灯，这些东西市面上全是现成库，但手写一遍你会更清楚它们到底怎么工作的。自动播放的定时器要清理干净，鼠标悬停时暂停、离开恢复，手动切换后重置定时器。HSV到RGB的转换、Canvas像素读取、事件坐标映射，做完你对颜色模型会有深度理解。为什么选这个：侧边抽屉看起来简单，但叠加层滚动穿透、ESC关闭、打开时聚焦第一个输入框，这些细节容易被忽略。
2026-06-06 06:32:20
234
原创 五个新的游戏开发挑战
这五个类型分别是弹射、跑酷、拼字、解谜、卡牌。写的时候先跑通最简版本（比如弹射先让球飞出去碰到星星就加分），再叠加高级功能（风力、多关卡、随机奖励）。代码能跑、不报错、逻辑闭环，就已经合格了。为什么选这个：重力迷宫是解谜游戏，核心是状态变化和移动逻辑。说人话：三轨道跑酷，换轨道躲障碍。说人话：牌组构建的核心是回合流程和卡牌效果。随机奖励让每次通关不一样。做完了你对卡牌游戏的状态机会有完整认识。为什么选这个：弹射玩法需要向量计算、碰撞检测和关卡设计。核心价值：拼字游戏考验字符串处理、字典查找和搜索算法。
2026-06-06 06:12:46
195
原创 大模型游戏开发挑战
五个方向各不一样：城市建造练资源模拟，音游练精确计时，折纸练几何变换，潜水练回合制策略，多米诺练物理传播。每条提示词都是英文在前，中文解释在后，方便直接拿去用。写的时候先从最简单的核心机制开始（比如潜水先做移动和氧气，再加迷雾和道具），别一上来就怼完整版。做完你对回合制资源平衡会有手感。虽然是简化版物理，但足够让你理解游戏引擎底层的碰撞响应。为什么选这个：等距城市建造考验数据建模和资源循环。做出来你会对模拟经营类游戏的底层逻辑有直观理解。核心价值：折纸模拟需要矩阵变换和多边形裁剪，是图形学入门的绝佳练习。
2026-06-06 06:09:38
279
原创 全栈开发硬核命题，拒绝CRUD男孩
这些题目剥离了那些花哨的营销词汇，直接指向真实业务中让人头秃的难点：数据一致性、高并发下的系统稳定性、复杂权限控制、实时通信以及遗留系统的现代化改造。它们不考察你会背多少八股文，只考察你在面对脏活累活时，能不能写出健壮、可维护且性能达标的代码。这五个命题涵盖了分布式系统中的幂等性设计、实时状态同步、动态权限架构、高吞吐数据处理以及系统重构策略。这些都是中级向高级全栈工程师进阶时必须跨越的门槛。能独立完成这些任务，意味着你不再只是一个API调用者，而是一个能独立设计并落地复杂系统的架构预备役。
2026-06-02 12:59:23
179
原创 前端工程化命题，覆盖性能/架构/交互
这五个命题涵盖了前端开发的几个核心硬技能：大数据量下的渲染性能、网络不稳定时的用户体验、离线存储与同步、构建工具的深度定制以及无障碍访问的合规性。能扎实完成这些任务，说明开发者已经脱离了“切图仔”的阶段，具备了独立解决复杂工程问题的能力。这里整理了五条前端开发命题。这些题目不谈虚的，不追求花哨的视觉效果，而是直击前端工程中的痛点：长列表渲染、复杂状态同步、离线优先、构建优化以及无障碍访问。它们适合用来检验开发者是否具备处理真实业务场景的能力，而不仅仅是会写页面。
2026-06-02 11:03:03
296
原创 5道硬核Web游戏开发命题，覆盖性能/同步/物理
Here are five game development prompts stripped of the usual fluff. These are designed to test actual engineering skills—performance optimization, state management, and physics logic—rather than just visual flair. They cover 2D and 3D scenarios using stand
2026-06-02 10:56:33
272
原创 硬核全栈开发命题，覆盖高并发/实时/大数据
2. 冲突算法：集成 OT (Operational Transformation) 或 CRDT (Conflict-free Replicated Data Types) 算法，确保多人编辑时的内容最终一致性。这五个命题不谈虚的，只关注系统在真实负载下的表现。- 栈选择：Node.js (Socket.io) / Elixir (Phoenix) + MongoDB / PostgreSQL。4. 分片合并：所有分片上传完成后，触发后端合并任务，生成最终文件并存储至对象存储（S3/OSS）。
2026-06-02 01:45:50
257
原创 硬核全栈开发命题，覆盖高并发/实时/微服务
1. 商品发布：用户上传多张商品图片，填写描述、价格、成色。- 栈选择：Flutter, Firebase (Firestore, Auth, Cloud Messaging)。- 栈选择：React, Node.js (Express), Socket.io, HTML5 Canvas。- 栈选择：Ruby on Rails 7, PostgreSQL, Redis, Stripe API。- 栈选择：React, Node.js, Docker API, Redis（存储执行结果缓存）。
2026-06-01 15:24:30
319
原创 从仪表盘到管理器：能直接用的前端页面开发需求
1. 数据来源：在 JS 中硬编码数组 salesData，包含 40 条销售记录，字段：日期（2025-01 至 2025-06 范围内随机）、省份（广东/江苏/浙江）、城市（广东：广州/深圳；每条记录包含：日期（YYYY-MM-DD）、类别（餐饮/购物/交通/娱乐/医疗/其他）、金额（正数，数字）、支付方式（现金/微信/支付宝/信用卡）、备注（可选）。- 编辑：点击编辑按钮后，弹出模态框（纯显示，无动画），可修改书名、作者、状态，保存后更新列表和localStorage。- 界面简洁，适配桌面端。
2026-05-31 02:37:49
280
原创 从跑酷到实时联机：5个能直接用的Web游戏开发需求
所有绘图用 Canvas 2D，纯几何图形（圆形为敌人，方形为塔，小圆点为子弹），无外部图片。- 资源：初始金币150，击败敌人得金币（普通+20，快速+10，高防+30）。- 迷宫生成：递归回溯算法生成 15x15 迷宫，墙壁高2，玩家出生在对角位置（第一人称或第三人称俯视可选）。- 波次：共5波，敌人数3/5/7/10/12，波次间15秒准备，显示倒计时和“下一波”按钮（可跳过）。- 敌人类型：普通（红色，3血）、快速（黄色，1血，速度1.5倍）、高防（蓝色，5血，速度0.7倍）
2026-05-31 02:09:20
433
原创 A Curated Archive of Tech & Culture / 科技与文化精选档案
玩家在一个看似封闭的立方体房间内移动，但当玩家穿过特定的门或传送点时，空间会发生扭曲。这种空间连接关系需通过一个图结构（Graph）在内存中管理，每个节点代表一个房间，边代表连接关系，但边的属性包含旋转、缩放或镜像变换。界面右下角显示一个小地图，但小地图仅显示已探索区域，且随着空间扭曲，小地图的拓扑结构也会动态变化，给玩家带来认知挑战。背景音乐为循环的电子氛围乐，系统需解析音频频谱数据（可使用 Web Audio API 分析本地音频文件或预置波形），将低频、中频、高频分别映射到屏幕左、中、右三个区域。
2026-05-30 02:00:16
504
原创 纯前端高阶实战：涵盖3D、音频可视化与复杂交互的开发命题
数据源：在 JS 中硬编码一个包含至少 50 个原子（节点）和化学键（连线）的数据结构，每个原子包含类型（如碳、氢、氧）、坐标位置及半径属性。- 鼠标悬停在原子上时，该原子高亮显示（发光或变色），并显示一个 HTML Tooltip 标签，展示原子类型及坐标信息。重点在于高性能渲染与交互体验。- 代码结构：采用模块化思维组织代码，将游戏循环、实体更新、渲染逻辑分离，即使在一个文件中也要保持结构清晰。- 任务对象包含：ID、标题、描述、开始日期、结束日期、状态（待办/进行中/已完成）、优先级、所属阶段。
2026-05-30 01:55:21
332
原创 脱离 CRUD 舒适区：硬核全栈实战项目
很多全栈教程停留在“用户登录-增删改查”的层面，但这在实际工程中只是冰山一角。真正的全栈能力体现在对并发、数据一致性、实时通信以及复杂业务逻辑的处理上。以下五个项目提示词均源自真实的业务痛点或技术挑战，涵盖了从即时通讯到分布式任务调度的多个维度。它们不追求花哨的 UI，而是聚焦于后端架构的健壮性与前后端协作的深度。例如，在协同白板中手写简单的 OT 算法，能让人深刻理解状态同步的难点；完成这些项目，不仅是为了得到一个可运行的应用，更是为了在简历中展示你解决复杂工程问题的能力。
2026-05-28 19:57:13
246
原创 拒绝模板化：极具挑战性的英文前端页面需求
但真正能拉开工程师差距的，往往是那些对交互细节、性能极限或视觉创意有极端要求的非典型页面。以下整理了五条源自独立开发者社区或设计实验的前端页面开发提示词（Prompt），全部保留英文原文，以还原最真实的需求语境。它们没有复杂的业务逻辑纠缠，却对技术实现的精细度提出了极高要求。而无障碍叙事页面则提醒我们，前端不仅是视觉的呈现，更是信息的平等传递。这些项目适合作为个人作品集的核心亮点，因为它们展示了开发者在性能、交互与包容性设计上的综合思考能力，而非仅仅是 CRUD 的熟练工。
2026-05-28 19:16:09
177
原创 代码即玩法：非典型游戏开发的英文提示词实践
它们共同的特点是：不依赖庞大的素材库，而是通过算法、音频API及网络协议来构建核心玩法。对于前端开发者而言，实现这些项目不仅能提升对 WebGL、Web Audio 及 WebSocket 等底层技术的掌握，更能培养从规则设计中提炼交互逻辑的能力。在复现这些英文需求的过程中，我们实际上是在进行一次跨越语言与技术的全栈思维训练。然而，真正能锻炼前端工程师图形学与交互能力的，往往是那些机制独特、视觉风格迥异的实验性项目。以下五个游戏开发提示词均使用英文撰写，旨在还原真实开源社区或独立游戏开发者的需求文档风格。
2026-05-28 18:43:35
211
原创 大模型游戏开发提示词
实现完整的折纸逻辑较为复杂，但作为纯前端挑战，要求至少实现一次折叠：给定一条折痕线（由玩家两点确定），程序将纸张的点阵划分为两侧，一侧保持平面，另一侧沿折痕镜像旋转至叠在另一侧上方（需处理深度排序）。游戏场景为10x10网格，机器人起始于左上角，货物位于右下角，网格上随机分布障碍物（箱子）。玩家通过点击（桌面）或触摸（移动端）点击任意泡泡，触发破裂动画：泡泡收缩并消失，同时播放Canvas绘制的微小粒子效果并发出虚拟的“啵”声（使用Web Audio API生成短促正弦波，无需外链音频文件）。
2026-05-26 21:18:40
366
原创 大模型直接生成前端页面口令指南
1. 报名表单：字段涵盖姓名（必填，2-10字符）、手机号（必填，11位数字正则校验）、邮箱（可选，格式校验）、参加人数（1-5数字选择器）及备注（文本域）。对象字段包括：id、姓名、部门（技术/市场/销售/人事）、职位、入职年份（2020-2025）、季度绩效（Q1-Q4，0-100整数）、年度目标完成率（百分比）。数据结构：salesData 数组，每条记录包含日期（2025年内随机）、区域（东/南/西/北）、城市（每区2-3个）、产品类别（电子/家具/办公）、销售额（100-5000元）、销售代表。
2026-05-26 14:07:35
274
原创 全栈开发新视野：五款现代技术栈应用构建指南
开发约束： 后端遵循 DRF 最佳实践，使用 Serializer 进行数据验证和序列化。Markdown 渲染与 SEO： 后端提供 RESTful API 返回 Markdown 源码，前端使用 marked.js 进行客户端渲染，并生成 Meta 标签以优化 SEO。开发约束： 前端利用 Flutter 的 Widget 树构建响应式布局，适配桌面和移动端浏览器。拖拽排序同步： 前端使用 Angular CDK DragDrop 实现任务卡片拖拽，每次拖拽结束调用 API 更新任务顺序索引。
2026-05-24 01:30:02
216
原创 探索独立游戏机制：五款全新玩法原型生成指南
游戏包含三个逐渐复杂的关卡，支持本地最高分记录，所有资源通过CSS和Canvas绘制，单文件HTML实现。玩家在培养皿中投放不同种类的微生物（如细菌、藻类、原生动物），观察它们之间的捕食、竞争和共生关系。代码需实现声波的物理反射模拟、动态光照效果以及基于距离的音量可视化反馈，所有图形通过Canvas API绘制，无外部依赖。每个概念都配备了专为AI代码生成优化的详细提示词，旨在引导AI产出结构完整、逻辑严密且可直接运行的单文件HTML5游戏原型，助您快速验证创意并体验从代码到互动的乐趣。
2026-05-24 01:23:12
276
原创 纯前端创意交互：五款全新实用工具与视觉应用生成指南
界面全屏展示，根据选择的天气类型，背景呈现不同的动态效果：晴天为缓慢移动的光斑，雨天为Canvas绘制的下落雨滴，雪天为飘落的雪花，雷暴为偶尔闪烁的背景光。代码需使用Canvas API实现粒子系统，确保动画流畅（60fps），所有样式内联，关键算法添加中文注释，营造沉浸式的视听氛围。代码需使用原生JavaScript实现滚动监听和动画控制，确保在移动端和桌面端均有流畅体验，单文件HTML交付，所有样式内联，关键逻辑添加中文注释。代码需模块化组织，关键逻辑添加中文注释，确保交互响应迅速，无外部依赖。
2026-05-23 12:19:18
218
原创 挖掘前端交互潜力的五款创意游戏原型
除了基本的画笔工具外，还有“自动绘制”的机器人光标在屏幕上随机作画，模拟其他用户的存在。例如，低频声音产生缓慢流动的大气泡，高频声音产生尖锐闪烁的星星。包含预设的几种视觉模式供用户切换，所有处理在前端完成，单文件HTML交付，注意处理麦克风权限的请求逻辑。代码需优化渲染循环，使用requestAnimationFrame确保在高分辨率屏幕下流畅运行，所有计算在前端完成，单文件HTML交付。在Web技术日益成熟的今天，浏览器已不再仅仅是信息展示的窗口，而是成为了承载复杂交互和创意游戏的强大平台。
2026-05-22 20:21:27
239
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人