nexu-io/html-anything

gamified-app

三屏: 封面 / 今日任务带 XP / 任务详情, 暗色舞台

Quelltext ansehen

Verwendung

  1. Installationsbefehl kopieren und das Quellpaket vor der Installation in der eigenen Agentenumgebung prüfen.
  2. Benötigte Werkzeuge, Zugangsdaten und Hosts im Original prüfen.
  3. Eingabe und gewünschtes Ergebnis beschreiben und die Ausgabe mit den Quellen abgleichen.
npx skills add https://github.com/nexu-io/html-anything/tree/main/next/src/lib/templates/skills/gamified-app --skill gamified-app

Vor dem Start

  • Die Installation umfasst weder Modellabo noch API-Kontingent oder Dateizugriffsrechte.
  • Sterne und Installationen zeigen Aktivität, keine unabhängige Qualitäts- oder Sicherheitsprüfung.
Originales Skill-Dokument

Aus dem Quell-Repository gerendert; Überschriften, Beispiele, Code, Tabellen, Links und Bilder bleiben erhalten.

【模板: 游戏化 App / Quest UI】 【意图】类 RPG 习惯养成 app, dark showcase stage 上三个 phone frame。 【布局】

  • Frame 1: Cover / Poster
  • Frame 2: Today's quests + XP ribbon + level bar
  • Frame 3: Quest detail (子任务 + 奖励)

【设计细节】

  • 醒目的 quest tile 渐变 + 等级 ribbon + 底部 tab bar
aus demselben Repository

Weitere Skills

Alle Skills