Compose Multiplatform Patterns
monta-app/ocpp-emulator
Compose Multiplatform and Jetpack Compose patterns for KMP projects — state management, navigation, theming, performance, and platform-specific UI.
为 AndroidProject-Compose 页面和组件新增、修复或审查 Compose Preview，覆盖页面与组件注解、深浅色、多设备、PreviewParameterProvider、静态预览数据和状态构造。用户提到预览、Compose Preview、页面预览、组件预览或批量补充预览时使用。
Install Apc Preview
$ npx skills add Joker-x-dev/AndroidProject-Compose --skill apc-preview -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install Joker-x-dev/AndroidProject-Compose apc-preview --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/Joker-x-dev/AndroidProject-Compose.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/apc-preview .claude/skills/apc-preview && rm -rf skills-srcUse ~/.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/
Install the "apc-preview" agent skill from https://github.com/Joker-x-dev/AndroidProject-Compose/tree/main/.agents/skills/apc-preview into .claude/skills/apc-preview/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "apc-preview", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/Joker-x-dev/AndroidProject-Compose/tree/main/.agents/skills/apc-previewType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add Joker-x-dev/AndroidProject-Compose --skill apc-preview -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install Joker-x-dev/AndroidProject-Compose apc-preview --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Joker-x-dev/AndroidProject-Compose.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.agents/skills/apc-preview .agents/skills/apc-preview && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "apc-preview" agent skill from https://github.com/Joker-x-dev/AndroidProject-Compose/tree/main/.agents/skills/apc-preview into .agents/skills/apc-preview/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "apc-preview", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add Joker-x-dev/AndroidProject-Compose --skill apc-preview -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install Joker-x-dev/AndroidProject-Compose apc-preview --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Joker-x-dev/AndroidProject-Compose.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.agents/skills/apc-preview .cursor/skills/apc-preview && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "apc-preview" agent skill from https://github.com/Joker-x-dev/AndroidProject-Compose/tree/main/.agents/skills/apc-preview into .cursor/skills/apc-preview/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "apc-preview", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/Joker-x-dev/AndroidProject-Compose.git --path .agents/skills/apc-preview--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add Joker-x-dev/AndroidProject-Compose --skill apc-preview -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install Joker-x-dev/AndroidProject-Compose apc-preview --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Joker-x-dev/AndroidProject-Compose.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.agents/skills/apc-preview .gemini/skills/apc-preview && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "apc-preview" agent skill from https://github.com/Joker-x-dev/AndroidProject-Compose/tree/main/.agents/skills/apc-preview into .gemini/skills/apc-preview/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "apc-preview", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install Joker-x-dev/AndroidProject-Compose apc-previewInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add Joker-x-dev/AndroidProject-Compose --skill apc-preview -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/Joker-x-dev/AndroidProject-Compose.git skills-src && mkdir -p .github/skills && cp -r skills-src/.agents/skills/apc-preview .github/skills/apc-preview && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "apc-preview" agent skill from https://github.com/Joker-x-dev/AndroidProject-Compose/tree/main/.agents/skills/apc-preview into .github/skills/apc-preview/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "apc-preview", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add Joker-x-dev/AndroidProject-Compose --skill apc-preview -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install Joker-x-dev/AndroidProject-Compose apc-preview --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Joker-x-dev/AndroidProject-Compose.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.agents/skills/apc-preview .opencode/skills/apc-preview && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "apc-preview" agent skill from https://github.com/Joker-x-dev/AndroidProject-Compose/tree/main/.agents/skills/apc-preview into .opencode/skills/apc-preview/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "apc-preview", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
apc-preview- GitHub stars
- 102
- Token cost
- ~507 tokens
- SKILL.md length
- 126 words
- Files
- 2
- Skills in repo
- 9
- Repo updated
- First seen
- Licence
- None found
At a glance
为 AndroidProject-Compose 页面和组件新增、修复或审查 Compose Preview，覆盖页面与组件注解、深浅色、多设备、PreviewParameterProvider、静态预览数据和状态构造。用户提到预览、Compose Preview、页面预览、组件预览或批量补充预览时使用。
- Works in 8 steps: 区分完整页面和独立组件。页面使用 @ScreenPreview*，组件使用… → 普通手机页面至少提供浅色和深色预览；需要验证手机、折叠屏和平板时选择现有多设备组合… → 将 Preview 函数放在对应 Screen 或组件文件末尾，用… → …
- Mobile work in your project
- SKILL.md covers 必读资料, 必读源码, 固定规则 and 工作流, plus 1 more section
- Calls git
What it does
Apc Preview is an agent skill from Joker-x-dev/AndroidProject-Compose. 为 AndroidProject-Compose 页面和组件新增、修复或审查 Compose Preview，覆盖页面与组件注解、深浅色、多设备、PreviewParameterProvider、静态预览数据和状态构造。用户提到预览、Compose Preview、页面预览、组件预览或批量补充预览时使用。
Its SKILL.md is about 510 tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files (for example `agents/openai.yaml`).
It sits in Mobile. It works with Android. The repository describes itself as: Android Compose Starter Template with MVVM, Navigation, Networking, Storage & Example Pages — Boilerplate for Modern Jetpack Compose Development.
When your agent uses it
- Mobile work in your project
Example prompts
- “/apc-preview”
Workflow steps
8 steps, taken from the first numbered list in SKILL.md.
- 区分完整页面和独立组件。页面使用 @ScreenPreview*，组件使用 @ComponentPreview*。
- 普通手机页面至少提供浅色和深色预览；需要验证手机、折叠屏和平板时选择现有多设备组合注解，不重复声明相同 @Preview 集合。
- 将 Preview 函数放在对应 Screen 或组件文件末尾，用 AppTheme 包裹可渲染内容。
- 直接预览 Screen 或 Content，不创建 Hilt ViewModel，不依赖 Navigation 宿主，不调用 Route。
- 为网络、分页、数据库或存储页面构造稳定的静态成功数据和明确状态；禁止发起真实网络、数据库、协程初始化或导航操作。
- 多组或复杂输入使用 @PreviewParameter 与 PreviewParameterProvider。跨 Feature 复用的数据放入 core/data/preview，Feature 私有数据放入业务域 data/。
- 图片组件优先使用本地资源、占位图或可预测的 Preview 分支，不依赖远程图片在设计时可访问。
- 为 Preview 函数、参数、Provider、公开属性和重写属性添加中文注释，确保注释独立、客观并与最终职责一致。
What it can do on your machine
Read from SKILL.md and the folder at commit ea8d075. 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
Shell commands in SKILL.md call:
git
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md. Its commands use git, which can reach the network depending on how they are called.
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
Apc Preview loads about 507 tokens when it runs. Until then it costs about 41 tokens; SKILL.md has 126 words of instructions outside code blocks.
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
Without a licence we can't republish the file, so here is its outline and opening line. It has 126 words (~507 tokens).
“文中的 core/... 与 feature/... 均为不绑定包名的逻辑路径；在当前 Android 源码集下定位对应文件，不把现有 package 前缀写成固定目录。”
- name
- apc-preview
Files
SKILL.md and 1 other file in .agents/skills/apc-preview of Joker-x-dev/AndroidProject-Compose.
- SKILL.md
- agents/openai.yaml
Open the folder on GitHubat commit ea8d075
Compare with similar skills
Apc Preview 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.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Apc Preview this skillJoker-x-dev/AndroidProject-Compose | 102 | — | ~507 | Automated safety check: Pass | None | |
| Compose Multiplatform Patternsmonta-app/ocpp-emulator | 180 | 5 repos | ~2k | Automated safety check: Pass | Apache-2.0 | |
| Phone HarnessShawnPana/phone-harness | 3.2k | — | ~4.3k | Automated safety check: Pass | MIT | |
| Stylesarindamxd/camerax-android | 132 | 4 repos | ~2.3k | Automated safety check: Pass | Apache-2.0 | |
| Verified Emailarindamxd/camerax-android | 132 | 4 repos | ~4.7k | Automated safety check: Pass | Apache-2.0 | |
| Argent Metro Debuggerbbplayer-app/BBPlayer | 1.1k | — | ~3.4k | Automated safety check: Pass | MIT |
Similar skills
Phone Harness
ShawnPana/phone-harness
Control the user's phone — an iPhone through the Mac's iPhone Mirroring window, an Android over adb, or a rented cloud Android: open apps, tap, type, swipe, read the screen.
Styles
arindamxd/camerax-android
A skill your agent uses to integrate the Jetpack Compose Styles API into an Android project.
Verified Email
arindamxd/camerax-android
Provides a complete workflow for implementing verified email retrieval on Android Credential Manager API.
Argent Metro Debugger
bbplayer-app/BBPlayer
Debug a JS runtime via CDP using argent debugger tools. An agent skill from bbplayer-app/BBPlayer.
Android XML Resource
afkT/DevUtils
统一 Android XML 资源命名：layout、drawable、mipmap、color、values、id 的前缀与 snakecase 规则；把颜色/圆角/描边/状态编码进文件名（bg、border、textcolor…selector）。
More from Joker-x-dev/AndroidProject-Compose
All 9 skills in this repoApc Nav
Joker-x-dev/AndroidProject-Compose
配置和维护 AndroidProject-Compose 的 Navigation 3 导航，覆盖类型安全 NavKey、Feature Graph、模块 Navigator、回退栈、普通参数、Assisted ViewModel、结果回传和登录拦截。用户要求新增路由、页面跳转、传参、返回结果、登录保护或修复导航状态时使用。
Apc Audit
Joker-x-dev/AndroidProject-Compose
审查 AndroidProject-Compose 项目或指定功能域的架构边界、Route-Screen-Content 分层、Kotlin 注释、设计系统、数据链路、Navigation 3、Preview、测试和 Gradle 配置。用户要求全盘扫描、代码审查、架构检查、注释检查、预览完整性检查或质量报告时使用。
Apc Build
Joker-x-dev/AndroidProject-Compose
管理 AndroidProject-Compose 的 Gradle、版本目录、SDK、BuildConfig、构建类型、ABI、签名、混淆、应用资源和 APK/AAB 发布流程。用户要求升级依赖、修改构建配置、替换图标或启动页、配置签名、排查构建失败、缩减包体或生成发布包时使用。
Apc Data
Joker-x-dev/AndroidProject-Compose
实现和维护 AndroidProject-Compose 数据访问链路，覆盖模型、Retrofit Service、NetworkDataSource、Repository、结果处理、Room、本地存储、全局状态、非分页请求和分页列表。用户要求接入接口、创建模型、持久化数据、处理请求结果或实现网络列表时使用。
Apc Feature
Joker-x-dev/AndroidProject-Compose
创建、修改和重构 AndroidProject-Compose 业务功能域与 Compose 页面，覆盖目录、Route-Screen-Content、ViewModel、StateFlow、Graph、模块 Navigator、按需组件和 Preview。用户要求新增 Feature、页面、模块目录、页面模板或调整页面分层时使用。
Apc Setup
Joker-x-dev/AndroidProject-Compose
将 AndroidProject-Compose 脚手架初始化为新的 Android 应用，统一修改应用显示名称、项目名、namespace、applicationId、Kotlin 包名、运行时品牌文案、仓库地址、Logo、图标和启动页。用户拉取模板后要求改名、改包名、替换品牌或完成首次项目配置时使用。
Related
Works with
Categories
Questions about Apc Preview
What does Apc Preview do?
为 AndroidProject-Compose 页面和组件新增、修复或审查 Compose Preview，覆盖页面与组件注解、深浅色、多设备、PreviewParameterProvider、静态预览数据和状态构造。用户提到预览、Compose Preview、页面预览、组件预览或批量补充预览时使用。. Apc Preview is an agent skill from Joker-x-dev/AndroidProject-Compose.
When should I use Apc Preview?
Apc Preview fits situations like: mobile work in your project.
How do I install Apc Preview in Claude Code?
Run `npx skills add Joker-x-dev/AndroidProject-Compose --skill apc-preview -a claude-code`. Or copy the skill folder (.agents/skills/apc-preview in Joker-x-dev/AndroidProject-Compose) into .claude/skills/apc-preview in your project. Claude Code loads it when a task matches its description.
How do I install Apc Preview in Codex?
Run `npx skills add Joker-x-dev/AndroidProject-Compose --skill apc-preview -a codex`. Or copy the skill folder (.agents/skills/apc-preview in Joker-x-dev/AndroidProject-Compose) into .agents/skills/apc-preview in your project. Codex loads it when a task matches its description.
Can I use Apc Preview 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 Joker-x-dev/AndroidProject-Compose --skill apc-preview -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/apc-preview, .gemini/skills/apc-preview, .github/skills/apc-preview and .opencode/skills/apc-preview in your project.
What does Apc Preview need to run?
Going by SKILL.md and its folder, Apc Preview needs the command-line tools its instructions call (git).
Does Apc Preview access the network?
SKILL.md contains no URLs. Its commands use git, which can reach the network depending on how they are called. This is read from the text; nothing was executed.
Is Apc Preview 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 Apc Preview use?
No licence was found for Apc Preview or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.
How many tokens does Apc Preview use?
About 507 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 Apc Preview?
Skills that share tags, products or a category with Apc Preview: Compose Multiplatform Patterns (monta-app/ocpp-emulator, 180 stars), Phone Harness (ShawnPana/phone-harness, 3.2k stars), Styles (arindamxd/camerax-android, 132 stars) and Verified Email (arindamxd/camerax-android, 132 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Apc Preview?
Joker-x-dev (a GitHub user) maintains it in Joker-x-dev/AndroidProject-Compose, which has 102 GitHub stars. The repository holds 9 skills in this directory. The repository was last updated on September 16, 2026.
Source: Joker-x-dev/AndroidProject-Compose on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.