React Native Best Practices
vercel-labs/openreview
A prioritized rule set for React Native and Expo apps covering list performance, animation, navigation, UI patterns, state, rendering, monorepos and configuration.
“ccpocketのX向けリリース告知カード画像を生成・更新するときに使う。”
Install Release Card
$ npx skills add K9i-0/ccpocket --skill release-card -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install K9i-0/ccpocket release-card --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/K9i-0/ccpocket.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.claude/skills/release-card .claude/skills/release-card && 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 "release-card" agent skill from https://github.com/K9i-0/ccpocket/tree/main/.claude/skills/release-card into .claude/skills/release-card/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "release-card", 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/K9i-0/ccpocket/tree/main/.claude/skills/release-cardType 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 K9i-0/ccpocket --skill release-card -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install K9i-0/ccpocket release-card --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/K9i-0/ccpocket.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.claude/skills/release-card .agents/skills/release-card && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "release-card" agent skill from https://github.com/K9i-0/ccpocket/tree/main/.claude/skills/release-card into .agents/skills/release-card/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "release-card", 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 K9i-0/ccpocket --skill release-card -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install K9i-0/ccpocket release-card --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/K9i-0/ccpocket.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.claude/skills/release-card .cursor/skills/release-card && 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 "release-card" agent skill from https://github.com/K9i-0/ccpocket/tree/main/.claude/skills/release-card into .cursor/skills/release-card/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "release-card", 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/K9i-0/ccpocket.git --path .claude/skills/release-card--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 K9i-0/ccpocket --skill release-card -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install K9i-0/ccpocket release-card --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/K9i-0/ccpocket.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.claude/skills/release-card .gemini/skills/release-card && 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 "release-card" agent skill from https://github.com/K9i-0/ccpocket/tree/main/.claude/skills/release-card into .gemini/skills/release-card/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "release-card", 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 K9i-0/ccpocket release-cardInstalls 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 K9i-0/ccpocket --skill release-card -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/K9i-0/ccpocket.git skills-src && mkdir -p .github/skills && cp -r skills-src/.claude/skills/release-card .github/skills/release-card && 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 "release-card" agent skill from https://github.com/K9i-0/ccpocket/tree/main/.claude/skills/release-card into .github/skills/release-card/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "release-card", 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 K9i-0/ccpocket --skill release-card -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install K9i-0/ccpocket release-card --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/K9i-0/ccpocket.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.claude/skills/release-card .opencode/skills/release-card && 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 "release-card" agent skill from https://github.com/K9i-0/ccpocket/tree/main/.claude/skills/release-card into .opencode/skills/release-card/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "release-card", 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
release-card- GitHub stars
- 1.1k
- Token cost
- ~485 tokens
- SKILL.md length
- 76 words
- Files
- 2
- Skills in repo
- 17
- Repo updated
- First seen
- Licence
- MIT
At a glance
- Works in 6 steps: 最新リリース情報を確認 → リリースノートを確認 → 画像を生成 → …
- Calls git, npm and node
About this skill
Release Card is a skill in K9i-0/ccpocket (1.1k stars). Its SKILL.md is about 485 tokens, with 1 other file in the folder. Licence: MIT.
Workflow steps
6 steps, taken from the step headings in SKILL.md.
What it can do on your machine
Read from SKILL.md and the folder at commit cfc61be. 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:
gitnpmnodeclaudecodex
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md. Its commands use git and npm, 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
Release Card loads about 485 tokens when it runs. Until then it costs about 13 tokens; SKILL.md has 76 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
The full file from K9i-0/ccpocket at commit cfc61be, republished under its MIT licence (© K9i-0). 76 words, ~485 tokens.
Download SKILL.mdSave it as
.claude/skills/release-card/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.- name
- release-card
- description
- ccpocketのX向けリリース告知カード画像を生成・更新するときに使う。
Release Card
ccpocket のリリース告知用画像を、最新タグとストア用リリースノートから生成する。
ワークフロー
1. 最新リリース情報を確認
最新タグと現在のアプリバージョンを確認する。
git tag -l 'ios/v*' 'android/v*' 'macos/v*' --sort=-v:refname | head -10
grep '^version:' apps/mobile/pubspec.yaml原則として最新タグの vX.Y.Z をカードのバージョンに使う。タグが ios/v1.86.1+148 のように build number を含む場合、画像表示とファイル名には 1.86.1 を使う。
指定されたバージョン・プラットフォームを優先し、未指定なら最新リリースタグを使う。pubspecや各プラットフォームのタグにずれがあっても、タグの内容とrelease workflowを調べて対象を決定し、採用理由を報告する。調査しても対象リリースを特定できない場合だけユーザーへ確認する。
2. リリースノートを確認
英語・日本語のリリースノートを読む。
sed -n '1,160p' apps/mobile/fastlane/metadata/en-US/release_notes.txt
sed -n '1,160p' apps/mobile/fastlane/metadata/ja/release_notes.txt必要に応じて最新タグとの差分も確認する。
git log <latest-tag>..HEAD --oneline -- apps/mobile/ CHANGELOG.mdノートが空・古い・英日で不一致の場合は、対象リリースのCHANGELOGと実装差分からカード用の英日文言を補完する。ユーザーに見える変更を優先して読みやすく要約し、文言や要約方針の承認は求めない。
3. 画像を生成
既存の生成スクリプトを使う。
npm run release-cardタグ由来のバージョンを明示したい場合は、直接スクリプトを実行する。
node scripts/release-card/generate.mjs --version <X.Y.Z>出力先は docs/images/。ファイル名は蓄積運用のため、必ずバージョンを含む形式にする。
docs/images/release-card-v<X.Y.Z>-en.png
docs/images/release-card-v<X.Y.Z>-ja.png4. 生成画像を確認
生成後、英語版・日本語版の両方を view_image で確認する。
確認観点:
- タイトルとバージョンが正しい
Claude CodeではなくClaude表記になっているCodex / Claude / Self-hostedのようなラベルが残っていない- すべての変更点が画像内に収まっている
- テキストがカードからはみ出していない
- 文字が小さすぎず、Xのタイムライン上でも読める
- 余計なインストール手順・URL導線が入っていない
- 英日でレイアウト密度が破綻していない
5. 不備があればスクリプトを更新
画像に不備がある場合は、出力画像を直接加工せず scripts/release-card/generate.mjs を修正して再生成する。
よくある調整:
- release notes が長い場合はフォントサイズ・行間・カード高さを調整する
- 項目数が奇数の場合は最後のカードを横幅いっぱいにする
- 日本語が詰まりすぎる場合は compact 判定やフォントサイズを調整する
- 出力名にバージョンが入っていない場合は命名ロジックを修正する
修正後は必ず再生成し、もう一度 view_image で確認する。
6. 完了報告
完了時は以下を簡潔に報告する。
- 使用したバージョン
- 生成したPNGパス
- スクリプトを更新した場合は変更点
- 実行した検証
© K9i-0, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
SKILL.md and 1 other file in .claude/skills/release-card of K9i-0/ccpocket.
- SKILL.md
- agents/openai.yaml
Open the folder on GitHubat commit cfc61be
Compare with similar skills
Release Card 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 |
|---|---|---|---|---|---|---|
| Release Card this skillK9i-0/ccpocket | 1.1k | — | ~485 | Automated safety check: Pass | MIT | |
| React Native Best Practicesvercel-labs/openreview | 1.7k | 17 repos | ~1.1k | Automated safety check: Pass | MIT | |
| Swiftui Protwostraws/SwiftUI-Agent-Skill | 5.6k | 2 repos | ~1.5k | Automated safety check: Pass | MIT | |
| Kortix Brandkortix-ai/suna | 20k | — | ~4k | Automated safety check: Pass | Custom licence | |
| Ip As LogoKartikLabhshetwar/better-shot | 2.4k | 1 repos | ~4.3k | Automated safety check: Pass | MIT | |
| Compose Multiplatform Patternsmonta-app/ocpp-emulator | 180 | 5 repos | ~2k | Automated safety check: Pass | Apache-2.0 |
Similar skills
- Official
Swiftui Pro
twostraws/SwiftUI-Agent-Skill
Comprehensively reviews SwiftUI code for best practices on modern APIs, maintainability, and performance.
Kortix Brand
kortix-ai/suna
Load FIRST for anything that carries the Kortix look or voice: product or mobile UI, copy of any kind, decks, social, images, email, CLI output, anything with the logo, and reviews of these.
Ip As Logo
KartikLabhshetwar/better-shot
Generate extremely simple, cute, personified square character images with rounded heavy forms, two purposeful character colors, one solid background color, and a dominant lower-corner composition.
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.
Aso Appstore Screenshots
adamlyttleapps/claude-skill-aso-appstore-screenshots
Generate high-converting App Store screenshots by analyzing your app's codebase, discovering core benefits, and creating ASO-optimized screenshot images using Nano Banana Pro.
More from K9i-0/ccpocket
All 17 skills in this repoSim Preview
K9i-0/ccpocket
iOSシミュレーターで動くFlutterアプリをExpo Device HubとTailscale HTTPSでスマホのブラウザへ配信・操作するときに使う。
Codex Guide
K9i-0/ccpocket
Codex の使い方、CLI/app/IDE、rules・hooks・AGENTS.md・skills・subagents・config などを案内する。Codex や OpenAI 製品の仕様を答える前に必ず公式ドキュメントを確認し、rules/approval は codex execpolicy check で実検証すること。
Submit Store Review
K9i-0/ccpocket
既存の安定ビルドをApp Store / Google Playの審査へ提出・再提出する。新規ビルドはrelease-appを使う。
Web Preview
K9i-0/ccpocket
Flutter Web版をビルドしてユーザーにプレビューURLを案内する。playwright-cliでアクセス確認も行う。
Flutter UI Design
K9i-0/ccpocket
Flutter UI実装のアーキテクチャ規約・コンポーネント分割・状態管理ガイド（Bloc/Cubit版）. An agent skill from K9i-0/ccpocket.
Flutter Upgrade
K9i-0/ccpocket
Flutter SDKのアップグレード、または指定バージョンへの移行影響を調査するときに使う. An agent skill from K9i-0/ccpocket.
Related
Categories
Questions about Release Card
How do I install Release Card in Claude Code?
Run `npx skills add K9i-0/ccpocket --skill release-card -a claude-code`. Or copy the skill folder (.claude/skills/release-card in K9i-0/ccpocket) into .claude/skills/release-card in your project. Claude Code loads it when a task matches its description.
How do I install Release Card in Codex?
Run `npx skills add K9i-0/ccpocket --skill release-card -a codex`. Or copy the skill folder (.claude/skills/release-card in K9i-0/ccpocket) into .agents/skills/release-card in your project. Codex loads it when a task matches its description.
Can I use Release Card 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 K9i-0/ccpocket --skill release-card -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/release-card, .gemini/skills/release-card, .github/skills/release-card and .opencode/skills/release-card in your project.
What does Release Card need to run?
Going by SKILL.md and its folder, Release Card needs the command-line tools its instructions call (git, npm, node, claude and codex).
Does Release Card access the network?
SKILL.md contains no URLs. Its commands use git and npm, which can reach the network depending on how they are called. This is read from the text; nothing was executed.
Is Release Card 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 Release Card use?
Release Card is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Release Card use?
About 485 tokens (SKILL.md is roughly 1.9k 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 Release Card?
Skills that share tags, products or a category with Release Card: React Native Best Practices (vercel-labs/openreview, 1.7k stars), Swiftui Pro (twostraws/SwiftUI-Agent-Skill, 5.6k stars), Kortix Brand (kortix-ai/suna, 20k stars) and Ip As Logo (KartikLabhshetwar/better-shot, 2.4k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Release Card?
K9i-0 (a GitHub user) maintains it in K9i-0/ccpocket, which has 1,085 GitHub stars. The repository holds 17 skills in this directory. The repository was last updated on October 10, 2026.
Source: K9i-0/ccpocket on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.