Agent skill

Cross Platform Pages

by Mystic-Stars in Mystic-Stars/Axolotl

Convert a page to the cross-platform page system so it works in both the website and the desktop app.

Custom licenceAuto-check passedFrontend & Design

Install Cross Platform Pages

skills CLI
$ npx skills add Mystic-Stars/Axolotl --skill cross-platform-pages -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install Mystic-Stars/Axolotl cross-platform-pages --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/Mystic-Stars/Axolotl.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/cross-platform-pages .claude/skills/cross-platform-pages && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
cross-platform-pages
GitHub stars
517
Token cost
~489 tokens
SKILL.md length
215 words
Files
1
Skills in repo
6
Repo updated
First seen
Licence
Custom licence

At a glance

Convert a page to the cross-platform page system so it works in both the website and the desktop app.

  • Works in 6 steps: Read the target page at $ARGUMENTS and… → Identify platform boundaries: keep… → Decide the category → …
  • Moving a page into packages/ui/src/layouts/
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
  • Creating shared

What it does

Cross Platform Pages is an agent skill from Mystic-Stars/Axolotl. Convert a page to the cross-platform page system so it works in both the website and the desktop app. Use when moving a page into packages/ui/src/layouts/, creating shared or wrapped layouts, or setting up DI contracts for platform abstraction.

Its SKILL.md is about 490 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Frontend & Design. It works with Tauri.

When your agent uses it

  • Moving a page into packages/ui/src/layouts/
  • Creating shared
  • Wrapped layouts
  • Setting up DI contracts for platform abstraction

Example prompts

  • “/cross-platform-pages”

Workflow steps

6 steps, taken from the first numbered list in SKILL.md.

  1. Read the target page at $ARGUMENTS and understand its data sources, mutations, and navigation.
  2. Identify platform boundaries: keep identical page implementations wrapped in packages/ui; use dependency injection only when website and…
  3. Decide the category
  4. For shared layouts
  5. For wrapped pages
  6. Verify the page renders correctly by checking for missing imports and that all DI contracts are satisfied.

What it can do on your machine

Read from SKILL.md and the folder at commit aa07e9f. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Cross Platform Pages loads about 489 tokens when it runs. Until then it costs about 66 tokens; SKILL.md has 215 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~66
When it runs · the whole SKILL.md, loaded when a task matches
~489

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

Its licence (Custom licence) doesn't allow us to republish the file, so here is its outline and opening line. It has 215 words (~489 tokens).

name
cross-platform-pages
argument-hint
<path-to-page>

Read the full SKILL.md on GitHub

Files

Just SKILL.md in .agents/skills/cross-platform-pages of Mystic-Stars/Axolotl.

Open the folder on GitHubat commit aa07e9f

Compare with similar skills

Cross Platform Pages next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Cross Platform Pages compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Cross Platform Pages this skillMystic-Stars/Axolotl517—~489Automated safety check: PassCustom licence
Ccgui Plugin Creatorzhukunpenglinyutong/desktop-cc-gui4.5k—~1.3kAutomated safety check: PassNone
Create Keybindgraphif/project-graph4.5k—~2kAutomated safety check: PassNone
Cross Platform Tauri UIifer47/markeron1.2k—~2kAutomated safety check: PassMIT
App Feedback AdminJamailar/Beav1.8k—~1.1kAutomated safety check: PassCustom licence
Tauri Config Ipcifer47/markeron1.2k—~1kAutomated safety check: PassMIT

Similar skills

  • Ccgui Plugin Creator

    zhukunpenglinyutong/desktop-cc-gui

    为 CC GUI 桌面客户端创建、修改、迭代插件(Tier-0 声明式 CSS/JSON,或 Tier-1 单文件 ESM)。当用户要"做一个插件 / 给 CC GUI 加个功能 / 改输入框或界面样式 / 加设置页、侧边栏或状态栏入口 / 加面板页签或命令面板命令 / 把某套工作流包装成插件 / 改一下我做过的那个插件",或提到 ccgui 插件、插件目录、从本地目录安装插件时使用。

    4.5k GitHub stars~1.3k tokensUpdated today
    Frontend & DesignAuto-check passed
  • Create Keybind

    graphif/project-graph

    指导如何在 Project Graph 项目中创建新的快捷键。当用户需要添加新的快捷键、修改快捷键绑定或需要了解快捷键系统的实现方式时使用此技能。

    4.5k GitHub stars~2k tokensUpdated yesterday
    Frontend & DesignAuto-check passed
  • Cross-platform UI styling for MarkerOn Tauri app (macOS WKWebView vs Windows WebView2).

    1.2k GitHub stars~2k tokensUpdated 3 days ago
    Frontend & DesignAuto-check passed
  • App Feedback Admin

    Jamailar/Beav

    Read platform-admin feedback issues through the trusted HTTP admin API, summarize user reports, and turn them into RedBox/RedConvert repair and iteration plans.

    1.8k GitHub stars~1.1k tokensUpdated 2 days ago
    Frontend & DesignAuto-check passed
  • Tauri Config Ipc

    ifer47/markeron

    Extend MarkerOn settings, persisted config, or Tauri IPC commands.

    1.2k GitHub stars~1k tokensUpdated 3 days ago
    Frontend & DesignAuto-check passed
  • Cursor BYOK Frontend Guide

    leookun/cursor-byok

    Sets the rules for building the Cursor BYOK desktop app's React and Tauri frontend, especially its HTTP boundary and component state architecture.

    3.2k GitHub stars~1.9k tokensUpdated 2 days ago
    Frontend & DesignAuto-check passed

More from Mystic-Stars/Axolotl

  • Oil Frontend

    Mystic-Stars/Axolotl

    用于实现、修改、重构或评审产品前端。当前任务涉及页面、组件、交互、表单、状态、数据流、Hook、类型、CSS、前端代码组织或共享实现时自动触发。触发后先阅读 SKILL.md 判断相关范围,只读取与当前任务直接相关的参考文件;如果改动与产品前端无关则停止使用。纯构建、部署、依赖升级、安全、后端任务,以及只解释前端概念而不处理项目实现的请求,不触发。

    517 GitHub stars~1.2k tokensUpdated today
    Auto-check passed
  • API Module

    Mystic-Stars/Axolotl

    Add a new API endpoint module to packages/api-client from an OpenAPI schema.

    517 GitHub stars~327 tokensUpdated today
    Auto-check passed
  • Figma MCP

    Mystic-Stars/Axolotl

    Use the Figma MCP server to translate a Figma design into a Vue page or component layout.

    517 GitHub stars~388 tokensUpdated today
    Auto-check passed
  • I18n Pass

    Mystic-Stars/Axolotl

    Perform an i18n localization pass on changed files or a pull request, converting hard-coded English strings to the @modrinth/ui i18n system.

    517 GitHub stars~435 tokensUpdated today
    Auto-check passed
  • Tanstack Query

    Mystic-Stars/Axolotl

    Convert a page or component from useAsyncData/manual ref patterns to TanStack Query for server state management.

    517 GitHub stars~421 tokensUpdated today
    Auto-check passed

Works with

Questions about Cross Platform Pages

What does Cross Platform Pages do?

Convert a page to the cross-platform page system so it works in both the website and the desktop app. Cross Platform Pages is an agent skill from Mystic-Stars/Axolotl. Convert a page to the cross-platform page system so it works in both the website and the desktop app.

When should I use Cross Platform Pages?

Cross Platform Pages fits situations like: moving a page into packages/ui/src/layouts/; creating shared; wrapped layouts; setting up DI contracts for platform abstraction.

How do I install Cross Platform Pages in Claude Code?

Run `npx skills add Mystic-Stars/Axolotl --skill cross-platform-pages -a claude-code`. Or copy the skill folder (.agents/skills/cross-platform-pages in Mystic-Stars/Axolotl) into .claude/skills/cross-platform-pages in your project. Claude Code loads it when a task matches its description.

How do I install Cross Platform Pages in Codex?

Run `npx skills add Mystic-Stars/Axolotl --skill cross-platform-pages -a codex`. Or copy the skill folder (.agents/skills/cross-platform-pages in Mystic-Stars/Axolotl) into .agents/skills/cross-platform-pages in your project. Codex loads it when a task matches its description.

Can I use Cross Platform Pages in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add Mystic-Stars/Axolotl --skill cross-platform-pages -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/cross-platform-pages, .gemini/skills/cross-platform-pages, .github/skills/cross-platform-pages and .opencode/skills/cross-platform-pages in your project.

What does Cross Platform Pages need to run?

SKILL.md names no scripts, command-line tools or credentials: Cross Platform Pages is instructions for the agent only.

Does Cross Platform Pages access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Cross Platform Pages safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Cross Platform Pages use?

Cross Platform Pages has a licence file (the repository's licence) that doesn't match a standard licence. Read it on GitHub before reusing the skill.

How many tokens does Cross Platform Pages use?

About 489 tokens (SKILL.md is roughly 2k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Cross Platform Pages?

Skills that share tags, products or a category with Cross Platform Pages: Ccgui Plugin Creator (zhukunpenglinyutong/desktop-cc-gui, 4.5k stars), Create Keybind (graphif/project-graph, 4.5k stars), Cross Platform Tauri UI (ifer47/markeron, 1.2k stars) and App Feedback Admin (Jamailar/Beav, 1.8k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Cross Platform Pages?

Mystic-Stars (a GitHub user) maintains it in Mystic-Stars/Axolotl, which has 517 GitHub stars. The repository holds 6 skills in this directory. The repository was last updated on October 11, 2026.

Source: Mystic-Stars/Axolotl on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.