Skip to main content

Documentation Index

Fetch the complete documentation index at: https://tech.illasoft.com/llms.txt

Use this file to discover all available pages before exploring further.

首页功能卡片管理,用于配置首页展示的 AI 功能卡片。2026-03 起使用 V2 架构(Global),V1 已完全删除commit e73bac9)。

功能入口

在 Admin 侧边栏 → Operation → Home Cards V2 https://op.kira.art/admin/globals/home-cards-v2

Category Tabs

Admin 界面使用自定义的 HomeCardTabs 组件(src/components/HomeCardTabs.tsx:15),按 mediaTypeisFeatured 分为 4 个标签:
Tab过滤条件Add Card 按钮
FeaturedisFeatured === true隐藏HomeCardTabs.tsx:73-78commit 71df4f2
ImagemediaType === "image"显示
VideomediaType === "video"显示
AudiomediaType === "audio"显示
Featured tab 专门用于从其他 tab 挑选的精选卡片,因此禁止直接在 Featured 下 “Add Card”。
一张卡片可通过切换 isFeatured 布尔进入 Featured。

字段说明

字段类型必填说明
cardIdtext卡片唯一标识符(不能有空格),如 ai_filter
coverTypeselectimage / video — 决定封面用图还是视频
imageupload✓(若 coverType=image)卡片封面图
coverVideoupload✓(若 coverType=video)卡片封面视频
arcadeLinktext桌面端 Arcade 教程链接
mobileArcadeLinktext移动端 Arcade 教程链接
requiredPlanselectfree / basic / basic_year / pro / pro_year / max / max_year
isFeaturedcheckbox是否精选(Featured tab 显示)
mediaTypeselectimage / video / audio — 决定进入的生成器模式
modelselectlite / nova / crazy / ultra AI 模型
ratioselectauto / 1:1 / 4:3 / 3:4 / 16:9 / 9:16
inputMediasarray点击卡片自动填充的初始媒体(取代旧 inputImages,支持 {type, url}

Plan Badge

requiredPlan 不是 free 时,卡片标题旁会显示渐变 Badge:
requiredPlanBadge 显示
free
basic / basic_yearBasic
pro / pro_yearPro
max / max_yearMax
Badge 使用渐变背景:from-[#a1e60e] via-[#15b5ff] to-[#4574ff]

点击行为

用户点击卡片时的处理逻辑:
  1. 未登录 → 弹出登录弹窗,登录后自动应用卡片配置
  2. 已登录但订阅等级不足 → 弹出会员升级弹窗
  3. 已登录且满足订阅要求 → 直接应用卡片配置进入编辑器

多语言内容

字段必填说明
prompt_en英文 AI 提示词
prompt_其他语言提示词
title_en英文标题
title_其他语言标题
description_en英文描述
description_其他语言描述

自动翻译

  1. 填写英文内容(prompt_en_US, title_en_US, description_en_US)
  2. 点击 HomeCardTranslateButton(🌐 Translate from English)
  3. 系统调用 /api/translate 自动翻译为 11 种 locale:zh_CN, zh_TW, ja_JP, ko_KR, de_DE, es_ES, fr_FR, it_IT, ms_MY, pt_PT, ru_RU
Field 命名遵循 {field}_{locale} 模式(如 title_zh_CN)。翻译按钮源码:src/components/TranslateButton.tsx:26
翻译后请检查内容准确性,必要时可手动修改。

Arcade 教程引导

当配置了 arcadeLinkmobileArcadeLink 后,用户可以通过 ?guide={cardId} 参数访问教程引导弹窗。 工作流程
  1. 用户访问 kira.art?guide=ai_filter
  2. 弹出 Arcade 教程引导弹窗
  3. 根据设备自动选择桌面端或移动端链接
  4. 教程进行中显示 “Skip” 文字按钮(低调)
  5. 教程完成后显示 “Get Started” 按钮(醒目),右上角显示 Plan Badge(如有)
  6. 点击按钮后根据用户状态处理(见上方”点击行为”)
响应式布局
  • 桌面端:16:9 横屏比例
  • 移动端:9:16 竖屏比例
Arcade 教程完成检测需要 Arcade Growth 订阅。系统通过监听 Step Reached 事件的 isFinalStep 字段来判断用户是否完成教程。重要:Arcade 必须放在 Team folder 中,不能放在 “My Arcade” 个人文件夹,否则 postMessage 事件不会发送。