【春节创造营】新春团圆签 - iFlow CLI

这两天我用 iFlow CLI 做了一个小实验:
:backhand_index_pointing_right: 一个完整可玩的春节互动型 H5 游戏,从想法到上线,大概 半小时左右

:red_envelope: 游戏是做什么的?

一个很轻量的 「新春团圆签」小游戏

  • 玩家回答几道简单的问题

  • 根据选择生成一个 春节状态签

  • 可以一键复制结果,分享给朋友

整体氛围偏 团圆、温馨、不营销,更像春节里的一次小互动,而不是活动页。


:artist_palette: 设计重点

  • 背景参考中国春节:
    灯笼 / 春联 / 鞭炮 / 红金配色

  • 文案全部是偏“人话”的表达

  • 不强行裂变,不做奖励机制

  • 玩完更像“被轻轻安慰了一下”


:hammer_and_wrench: 技术实现(重点)

不会前端,也没写过系统性的代码,整个过程是:

  • iFlow CLI 把需求直接描述出来

  • 生成一个 纯前端的 index.html

  • HTML + CSS + JS 全部在一个文件里

  • 没有后端、没有框架、没有依赖

包括这些都是一次生成到位的:

  • 题目逻辑

  • 结果映射

  • 分享文案

  • 页面动画

  • 背景音乐(需要点击后播放,符合浏览器规则)


:rocket: 上线方式

直接丢到 GitHub Pages

  • 一个仓库

  • 一个 index.html

  • 打开 Pages 就能访问

不需要服务器,不需要部署脚本。

6. 体验链接. https://ggboypip-ai.github.io/-/

1 个赞

:japanese_acceptable_button: