yida-upgrade-app-theme

yida-upgrade-app-theme is a skill for Claude Code, Codex from openyida/openyida. It costs 63 tokens per session (877 once invoked), scanned A, original, MIT.

A controlled workflow for upgrading an old OpenYida application to a newer visual theme while keeping its business logic and main layout. It covers custom pages, forms, backups, review, confirmation, and publishing.

In plain words
What is it for?
Use it only when an explicit theme upgrade is requested, to inspect affected pages, choose a consistent style, migrate them, validate the result, and publish after confirmation.
Why use it?
It prevents an unapproved theme change from altering remote pages and helps identify pages whose source or structure cannot be safely preserved.

Skill for Claude CodeCodex

Written for no agent in particular: nothing here depends on one.

Good fit Use it only when an explicit theme upgrade is requested, to inspect affected pages, choose a consistent style, migrate them, validate the result, and publish after confirmation.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/openyida/openyida/yida-upgrade-app-theme
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add openyida/openyida --skill yida-upgrade-app-theme
Clone the repo
git clone --depth 1 https://github.com/openyida/openyida

Made for: Claude Code, Codex.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for yida-upgrade-app-theme

README.md
[![agentmods](https://agentmods.dev/badge/skills/openyida/openyida/yida-upgrade-app-theme/github.svg)](https://agentmods.dev/skills/openyida/openyida/yida-upgrade-app-theme)
Your own site
<a href="https://agentmods.dev/skills/openyida/openyida/yida-upgrade-app-theme"><img src="https://agentmods.dev/badge/skills/openyida/openyida/yida-upgrade-app-theme/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for yida-upgrade-app-theme

Your own site · 80×15
<a href="https://agentmods.dev/skills/openyida/openyida/yida-upgrade-app-theme"><img src="https://agentmods.dev/badge/skills/openyida/openyida/yida-upgrade-app-theme.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 63 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 877 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00063 $0.00877
Opus 5.5 $0.00025 $0.00351
Sonnet 5.5 $0.00013 $0.00175
Haiku 4.5 $0.00006 $0.00088

Measured 6d ago against content hash 7dd909cc0a0b, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

yida-upgrade-app-theme scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 6d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

yida-skills/skills/yida-upgrade-app-theme/SKILL.md · 62 lines

What it actually says

老应用升级新版主题

保持业务逻辑和主要布局,升级应用主题、自定义页面和表单样式。

1. 准备

仅在用户明确要求升级新版主题时使用。普通美化、换色或创建应用不触发。CLI 先读取登录态和目标应用的服务端配置,核对应用及组织身份,再判断是否为 AI 创建的应用;非 AI 应用在备份和升级确认前即被拒绝。不得通过确认参数绕过资格检查。资格不符时说明该应用不支持此升级流程,不提供升级确认选项;未登录时先完成登录再重试。

确定目标应用,运行 openyida agent-capabilities --summary-json,再将页面备份到新目录:

openyida upgrade-app-theme <appType> --explicit-request --prepare --output-dir <projectRoot>/.cache/openyida/theme-upgrade/<appType>/<run-id> --json

准备命令不会修改远端页面。读取生成的 upgrade-plan.json,核对隐藏页、嵌入页和用户指定页面;遗漏项通过 openyida get-schema <appType> <formUuid> 补齐。无法获取源码的页面记录为未完成项。

2. 判断应用风格

先看原自定义页面的实际效果和源码,从主按钮、标题、链接、背景和卡片中判断主色、明暗及整体风格。优先遵循用户指定的风格;否则延续已有页面的品牌色。不要直接采用平台默认色,也不要把成功、警告等状态色当作主色。

页面风格不一致或主色不明确时,用 ask_human 提供候选颜色和简短理由,确认后再改。将选定主色和判断依据记录在升级清单中,统一用于应用导航、页面和表单。

3. 确认

准备命令通过应用资格检查后,任何远端修改前,必须调用 ask_human,说明:

  • 目标应用、组织及涉及的页面和表单。
  • 拟采用的主色和风格,以及它与原页面的关系。
  • 将升级主题、迁移旧自定义页面、统一样式并重新发布。
  • 保留业务逻辑和主要布局。

提供“确认升级”和“取消”,收到明确确认后继续。无回复、拒绝或工具不可用时停止写入,“直接做”不能替代确认。范围变更时只确认新增部分。

4. 迁移并升级

按 页面和表单迁移 完成本地修改和验证:

  • JSX 页面转为 CodeCanvas。
  • 已有 CodeCanvas 页面更新主题样式。
  • 表单和详情页移除旧主题注入,保留业务代码。

保留原应用和页面 ID。任一必要页面无法保留业务或结构时,停止升级并说明原因。

本地验证通过后执行:

openyida upgrade-app-theme <appType> --explicit-request --confirm --json

成功后保存选定的应用主题,再按清单发布页面、保存表单并回读验证。命令失败时停止后续操作。向用户说明进度和结果,不展示内部检查、配置字段或诊断数据。

5. 验收

重新加载页面,验证业务操作、表单详情、主题样式和窄屏效果,逐页记录结果。编译或升级命令成功不能代替页面验收。

全部目标页面和表单通过后,才能报告升级完成;否则列出已完成项和剩余问题。

Files

What ships with it

1 file beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 6d ago Changed · +9 tokens per session 7dd909cc0a0b
  2. 7d ago First seen · 62 lines · 54 tokens per session scan A 8fbb1903de42

Subscribe to this mod's changes

yida-upgrade-app-theme is a skill published in the GitHub repository openyida/openyida (224 stars, last pushed yesterday), licensed MIT. It adds 63 tokens to every session and 877 once invoked, about $0.0003 per session on Opus 5.5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-10-10.

Related

Other skills, from other repositories

visual-asset-design

A guide for turning character, scene, and prop ideas into prompts for generating consistent reference images. It covers layouts, camera views, visual identity, and continuity across image variations.

agentscope-ai/QwenPaw · 117 tokens

web-design-engineer

Build or redesign polished browser-rendered visual artifacts with HTML/CSS/JavaScript/React: pages, dashboards, prototypes, slide decks, animations, UI mockups, and data visualizations. Use for visual front-end creation, design-system exploration, design critique, or explicit browser acceptance / QA of a web artifact.…

ConardLi/garden-skills · 96 tokens

webflow-mcp:interactions

Create, update, list, and delete Webflow IX3 interactions (GSAP animations) through Webflow MCP. Use when the user wants click/hover/load/scroll/mouse-move animations, interaction timelines, or datainteractionstool / createinteraction payloads.

webflow/webflow-skills · 63 tokens

webflow-mcp:accessibility-audit

Run comprehensive accessibility audit (WCAG 2.1) on Webflow pages - checks buttons, forms, links, focus states, headings, keyboard navigation, and generates detailed reports with fixes. Runs entirely headlessly against a page ID — no Designer connection required. Excludes image alt text (covered by asset-audit skill).

webflow/webflow-skills · 76 tokens

webflow-mcp:flowkit-naming

Apply Flowkit CSS naming system in Webflow. Use when creating classes, auditing existing naming, or building new components following Flowkit conventions. Flowkit is Webflow's official CSS framework with utility-first approach. Runs headlessly against a page ID — no Designer connection required, except for the…

webflow/webflow-skills · 81 tokens

excalidraw-generator

Generate diagrams as valid Excalidraw JSON — flowcharts, architecture, ER diagrams, mind maps, sequence diagrams, wireframes, C4 models, and more. Don't use for draw.io/Mermaid output, slide decks, or pixel-perfect brand graphics.

luongnv89/skills · 59 tokens