GitHub patterns using gh CLI for pull requests, stacked PRs, code review, branching strategies, and repository automation. Use when working with GitHub PRs, merging strategies, or repository management tasks.
Add this skill
npx mdskills install callstackincubator/githubProvides clear GitHub workflow patterns but current documentation only outlines a stacked PR reference
A collection of agent-optimized skills for AI coding assistants. Skills provide structured, actionable instructions for domain-specific tasks.
| Skill | Description |
|---|---|
| react-native-best-practices | React Native optimization best practices from Callstack |
| github | GitHub workflow patterns for PRs, code review, branching |
| upgrading-react-native | React Native upgrade workflow: templates, dependencies, and common pitfalls |
Performance optimization skills based on The Ultimate Guide to React Native Optimization by Callstack.
Covers:
1. Add the marketplace:
/plugin marketplace add callstackincubator/agent-skills
2. Install the skill:
/plugin install react-native-best-practices@callstack-agent-skills
Or use the interactive menu:
/plugin menu
For local development:
claude --plugin-dir ./path/to/agent-skills
Once installed, Claude will automatically use the React Native best practices skill when working on React Native projects.
All major AI coding assistants support the Agent Skills standard.
Option 1: Install from GitHub (Recommended)
Cmd+Shift+J / Ctrl+Shift+J)https://github.com/callstackincubator/agent-skills.gitOption 2: Local Installation
# Project-level
git clone https://github.com/callstackincubator/agent-skills.git .cursor/skills/agent-skills
# User-level (available in all projects)
git clone https://github.com/callstackincubator/agent-skills.git ~/.cursor/skills/agent-skills
Usage: Type / in Agent chat to search and select skills by name.
Install via skill-installer:
$skill-installer install react-native-best-practices from callstackincubator/agent-skills
Or clone manually:
# Project-level
git clone https://github.com/callstackincubator/agent-skills.git
cp -r agent-skills/skills/* .codex/skills/
# User-level
cp -r agent-skills/skills/* ~/.codex/skills/
Restart Codex to recognize newly installed skills.
Usage: Type $ to mention a skill or use /skills command.
These skills include agents/openai.yaml metadata for Codex Skills UI compatibility.
Install from repository:
gemini skills install https://github.com/callstackincubator/agent-skills.git
Or install to workspace:
gemini skills install https://github.com/callstackincubator/agent-skills.git --scope workspace
Management commands:
/skills list - view all discovered skills/skills enable / /skills disable - toggle availability/skills reload - refresh skill inventoryClone to any supported skills directory:
# Project-level
git clone https://github.com/callstackincubator/agent-skills.git
cp -r agent-skills/skills/* .opencode/skill/
# User-level
cp -r agent-skills/skills/* ~/.config/opencode/skill/
OpenCode also discovers Claude-compatible paths (.claude/skills/, ~/.claude/skills/).
Permission control in opencode.json:
{
"permission": {
"skill": {
"*": "allow"
}
}
}
For assistants without native skills support, point them to the skill file:
Read skills/react-native-best-practices/SKILL.md for React Native performance guidelines
Or reference specific topics:
Look up js-profile-react.md for React DevTools profiling instructions
The callstack/optimization-best-practices repository contains runnable code examples for:
See AI Assistant Integration Guide for detailed setup instructions with Cursor, GitHub Copilot, Claude API, ChatGPT, and other AI coding assistants.
agent-skills/
├── .claude-plugin/
│ └── marketplace.json # Marketplace configuration
└── skills/
├── react-native-best-practices/
│ ├── SKILL.md # Main skill file with quick reference
│ └── references/ # Detailed skill files
│ ├── images/ # Visual references for profilers, diagrams
│ ├── js-*.md # JavaScript/React skills
│ ├── native-*.md # Native iOS/Android skills
│ └── bundle-*.md # Bundling & app size skills
│
└── github/
├── SKILL.md # Main skill file with workflow patterns
└── references/ # Detailed workflow files
The plugin follows the Claude Code plugin marketplace structure:
.claude-plugin/marketplace.json - Marketplace configuration with plugin definitionsskills/ - Agent Skills that Claude automatically uses based on task contextContributions welcome! Skills should be:
This is just the start! The following features are planned or in progress.
Several skills involve interpreting visual profiler output (flame graphs, treemaps, memory snapshots). AI agents cannot yet process these autonomously.
Affected skills:
js-profile-react.md - React DevTools flame graphsjs-measure-fps.md - FPS graphs and performance overlaysnative-profiling.md - Xcode Instruments / Android Studio Profilernative-measure-tti.md - TTI timeline visualizationnative-view-flattening.md - View hierarchy inspectionbundle-analyze-js.md - Bundle treemap visualizationbundle-analyze-app.md - App size breakdown (Emerge Tools, Ruler)Planned solution: MCP (Model Context Protocol) integration for screenshot capture and visual analysis. Contributions welcome!
For complete coverage, consider pairing with:
React Native performance skills based on The Ultimate Guide to React Native Optimization.
Callstack is a group of React and React Native experts. Contact us at hello@callstack.com if you need help with performance optimization or just want to say hi!
Like what we do? ⚛️ Join the Callstack team and work on amazing React Native projects!
Best experience: Claude Code
/plugin marketplace add callstackincubator/githubThen /plugin menu → select skill → restart. Use /skill-name:init for first-time setup.
Other platforms
Install via CLI
npx mdskills install callstackincubator/githubAgent Skills is a free, open-source AI agent skill. GitHub patterns using gh CLI for pull requests, stacked PRs, code review, branching strategies, and repository automation. Use when working with GitHub PRs, merging strategies, or repository management tasks.
Install Agent Skills with a single command:
npx mdskills install callstackincubator/githubThis downloads the skill files into your project and your AI agent picks them up automatically.
Agent Skills works with Claude Code, Claude Desktop, Cursor, Vscode Copilot, Windsurf, Continue Dev, Codex, Gemini Cli, Amp, Roo Code, Goose, Opencode, Trae, Qodo, Command Code, Chatgpt. Skills use the open SKILL.md format which is compatible with any AI coding agent that reads markdown instructions.