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.
A skill your agent uses when adding a Power Platform connector to an Expo/React Native Power Apps mobile app and no dedicated mobile connector skill exists.
$ npx skills add microsoft/power-platform-skills --skill add-connector -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install microsoft/power-platform-skills add-connector --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/microsoft/power-platform-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/plugins/mobile-apps/skills/add-connector .claude/skills/add-connector && 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 "add-connector" agent skill from https://github.com/microsoft/power-platform-skills/tree/main/plugins/mobile-apps/skills/add-connector into .claude/skills/add-connector/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "add-connector", 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/microsoft/power-platform-skills/tree/main/plugins/mobile-apps/skills/add-connectorType 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 microsoft/power-platform-skills --skill add-connector -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install microsoft/power-platform-skills add-connector --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/microsoft/power-platform-skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/plugins/mobile-apps/skills/add-connector .agents/skills/add-connector && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "add-connector" agent skill from https://github.com/microsoft/power-platform-skills/tree/main/plugins/mobile-apps/skills/add-connector into .agents/skills/add-connector/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "add-connector", 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 microsoft/power-platform-skills --skill add-connector -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install microsoft/power-platform-skills add-connector --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/microsoft/power-platform-skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/plugins/mobile-apps/skills/add-connector .cursor/skills/add-connector && 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 "add-connector" agent skill from https://github.com/microsoft/power-platform-skills/tree/main/plugins/mobile-apps/skills/add-connector into .cursor/skills/add-connector/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "add-connector", 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/microsoft/power-platform-skills.git --path plugins/mobile-apps/skills/add-connector--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 microsoft/power-platform-skills --skill add-connector -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install microsoft/power-platform-skills add-connector --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/microsoft/power-platform-skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/plugins/mobile-apps/skills/add-connector .gemini/skills/add-connector && 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 "add-connector" agent skill from https://github.com/microsoft/power-platform-skills/tree/main/plugins/mobile-apps/skills/add-connector into .gemini/skills/add-connector/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "add-connector", 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 microsoft/power-platform-skills add-connectorInstalls 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 microsoft/power-platform-skills --skill add-connector -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/microsoft/power-platform-skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/plugins/mobile-apps/skills/add-connector .github/skills/add-connector && 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 "add-connector" agent skill from https://github.com/microsoft/power-platform-skills/tree/main/plugins/mobile-apps/skills/add-connector into .github/skills/add-connector/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "add-connector", 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 microsoft/power-platform-skills --skill add-connector -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install microsoft/power-platform-skills add-connector --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/microsoft/power-platform-skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/plugins/mobile-apps/skills/add-connector .opencode/skills/add-connector && 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 "add-connector" agent skill from https://github.com/microsoft/power-platform-skills/tree/main/plugins/mobile-apps/skills/add-connector into .opencode/skills/add-connector/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "add-connector", 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.
add-connectorA skill your agent uses when adding a Power Platform connector to an Expo/React Native Power Apps mobile app and no dedicated mobile connector skill exists.
Add Connector is an agent skill from microsoft/power-platform-skills, published by the product's own GitHub organization. Use when adding a Power Platform connector to an Expo/React Native Power Apps mobile app and no dedicated mobile connector skill exists.
Its SKILL.md is about 2.9k 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 Mobile, covering Cross-platform mobile apps. It works with Power Automate, Microsoft SharePoint, Microsoft Excel and Microsoft OneDrive. The repository describes itself as: A plugin marketplace for GitHub Copilot and other AI agents that provides Power Platform development plugins, including reusable skills, agents, and commands for building and… The licence is MIT.
6 steps, taken from the step headings in SKILL.md.
Read from SKILL.md and the folder at commit 0d044b8. It shows what the files ask for, not the result of running them.
Pre-approves these tools, so the agent can use them without asking each time:
ReadEditWriteGrepGlobBashAskUserQuestionSkillFrom allowed-tools in the SKILL.md frontmatter.
Shell commands in SKILL.md call:
npmnpxnodeFrom the folder's file list and the shell code blocks in SKILL.md.
Hosts in commands or code, which the agent is likely to contact:
make.powerapps.comAlso links to:
learn.microsoft.comFrom URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Add Connector loads about 2.9k tokens when it runs. Until then it costs about 38 tokens; SKILL.md has 1,161 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.
The automated check noted patterns worth knowing about, such as sudo or a known installer.
allowed-tools: Read, Edit, Write, Grep, Glob, Bash, AskUserQuestion, SkillAutomated 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.
The full file from microsoft/power-platform-skills at commit 0d044b8, republished under its MIT licence (© microsoft). 1,161 words, ~2,878 tokens.
.claude/skills/add-connector/SKILL.md (or your agent's skills folder).Plugin check: Run
node "${PLUGIN_ROOT}/scripts/check-version.js"- if it outputs a message, show it to the user before proceeding.
📋 Shared instructions: shared-instructions.md | Connector reference: connector-reference.md — read both first.
Fallback skill for any connector not covered by a dedicated /add-* skill. For common connectors, prefer the dedicated skills:
/add-dataverse — Dataverse tables/add-sharepoint — SharePoint Online(More dedicated skills will land in v1: /add-teams, /add-excel, /add-onedrive, /add-azuredevops, /add-office365.)
The native host runtime (@microsoft/power-apps-native-host) handles connector routing, connection resolution, and OAuth consent through PowerAppsProvider in app/_layout.tsx — no separate executor wiring is needed.
Telemetry checkpoint: validate_connector_project
Check for memory-bank.md per shared-instructions.md.
Also confirm we're inside a Power Apps mobile app:
test -f power.config.json && test -f app.config.jsIf either is missing, instruct the user to run /create-mobile-app first and stop.
Telemetry checkpoint: resolve_connector_request
If $ARGUMENTS is provided or the caller already specified the connector, use it directly and skip the question below.
Otherwise, ask the user which connector they want to add. Browse available connectors: Connector Reference.
Before proceeding, check if the connector has a dedicated skill. If it does, delegate immediately and STOP:
| Connector API name | Delegate to |
|---|---|
sharepointonline | /add-sharepoint |
commondataservice | /add-dataverse |
Invoke the appropriate skill with the same $ARGUMENTS and do not continue this skill's workflow.
Common connector API names:
sharepointonline, teams, excelonlinebusiness, onedriveforbusinessazuredevops, azureblob, azurequeuesoffice365, office365users, office365groupssql, commondataserviceCloud flows are supported by the Power Apps CLI, but they are not connector data sources. If the user wants to invoke an existing Power Automate cloud flow from the app, use the flow-specific commands instead of pa app add data-source:
$PA app list-flows --search '<flow-name-or-keyword>' --json
$PA app add flow --flow-id <flow-guid> --non-interactiveTo remove a flow later (only when the user asks; pa needs --force for a non-interactive removal):
$PA app remove flow --flow-id <flow-guid> --force --non-interactiveAfter pa app add flow, continue at Step 4 and inspect the generated service/model files the same way as connector data sources.
Telemetry checkpoint: generate_connector_data_source
First, get the connection ID or connection reference (see connector-reference.md):
Run the /list-connections skill with the connector API ID (for example shared_office365users). Capture the exact connectionId from pa connection create, or the connectionRef from pa connection list-references if the caller is solution-aware. If creation cannot complete in the CLI, direct the user to create one using the environment-specific Connections URL — construct it from the active environment ID in context (from power.config.json environmentId or a prior step):
https://make.powerapps.com/environments/<environment-id>/connections → + New connection → search for the connector → Create.
Classify the connector before running pa app add data-source:
| Connector shape | Examples | Required discovery | Add command |
|---|---|---|---|
| Action-style connector | Teams, Office 365 Users, Outlook, Azure DevOps | None after connection lookup | $PA app add data-source --connector <apiId> --connection-id <connectionId> |
| Table-based connector | Excel Online, OneDrive for Business, Azure Blob, SQL, SharePoint if not delegated | connection list-datasets, then connection list-tables | $PA app add data-source --connector <apiId> --connection-id <connectionId> --dataset '<dataset>' --table '<table>' |
| SQL stored procedure | SQL Server | connection list-datasets, then connection list-procedures if needed | $PA app add data-source --connector shared_sql --connection-id <connectionId> --dataset '<database>' --procedure '<procedure>' |
For action-style connectors, print before starting:
"→ Running
pa app add data-sourcefor<connector>. ~10–30 seconds (writes generated services + connector schemas)."
Then run:
$PA app add data-source --connector <apiId> --connection-id <connectionId>For table-based connectors, discover datasets and tables first:
$PA connection list-datasets --connector <apiId> --connection-id <connectionId> --json
$PA connection list-tables --connector <apiId> --connection-id <connectionId> --dataset '<dataset>' --jsonPresent the datasets/tables to the user if they did not specify them. Add one data source per selected table:
$PA app add data-source --connector <apiId> --connection-id <connectionId> --dataset '<dataset>' --table '<table>'For SQL stored procedures, discover procedures only when the user asks to invoke a stored procedure rather than a table:
$PA connection list-procedures --connection-id <connectionId> --dataset '<database>' --json
$PA app add data-source --connector shared_sql --connection-id <connectionId> --dataset '<database>' --procedure '<procedure>'For Dataverse actions/functions rather than tables, discovery is available but this plugin only adds Dataverse table CRUD:
$PA app find-dataverse-api --search '<operation-name>' --jsonSurface the matching operation metadata and STOP with a clear note that this plugin can add Dataverse table CRUD through /add-dataverse, but does not add Dataverse actions/functions.
If the user actually needs Dataverse table CRUD, stop and delegate to /add-dataverse; do not add Dataverse tables from this generic connector skill.
Parameter reference:
--connector — connector API ID (often shared_<connector>, e.g., shared_office365users). Use the exact value provided by the caller or connector docs.--connection-id / -c — required for non-Dataverse connectors unless using --connection-ref. Get from pa connection create, the maker portal, or caller context.--connection-ref — optional connection reference name when adding into a solution-aware app.--dataset / -d — required for table-based datasources (for example SharePoint site URL, Excel file/location, SQL database).--table — table/list/resource name for table-based datasources.--procedure — SQL stored procedure name when adding a stored procedure instead of a table.--non-interactive — use only on commands whose required options are fully supplied and whose implementation supports non-interactive omission of optional prompts. Do not add --environment-id to app-root verbs once power.config.json exists.--solution-id / -s — optional solution identifier when the data source should be added to a specific solution.After adding, inspect the generated files. Generated service files can be very large — use Grep to find specific methods instead of reading the entire file:
Grep pattern="async \w+" path="src/generated/services/<Connector>Service.ts"Files to check:
src/generated/services/<Connector>Service.ts — available operations and their parameterssrc/generated/models/<Connector>Model.ts — TypeScript interfaces (if generated).power/schemas/<connector>/ — connector schema and configurationFor each method the user needs:
offset and limit parameters on Read)Help the user write code using the generated service methods.
Telemetry checkpoint: validate_connector_integration
Print before starting:
"→ Regenerating connector schemas + running tsc to verify the new connector wires in cleanly (~10–20 seconds)."
pa app add data-source (Step 3) wrote new files into .power/schemas/<connector>/. The connectorSchemas.ts consumed by app/_layout.tsx is now stale — regenerate it before type-checking so the new connector is wired into the runtime schema map:
npm run generate-schemas
npx --no-install tsc --noEmitFix TypeScript errors before proceeding. Common gotcha: the new generated service may import a peer dependency you don't have installed yet — if so, npx --no-install expo install <missing-package> (NOT plain npm install, so versions stay Expo-compatible).
Do NOT deploy yet — that's /deploy's job after all data sources are added.
Update memory-bank.md with: connector added, configured operations, build status.
If the user asks to remove a connector/table/stored procedure that this skill added, use the matching Power Apps CLI command with explicit arguments. The user's request is the confirmation: pa refuses a non-interactive removal without --force (drop --force on power-apps-only projects — see cli-binary.md):
$PA app remove data-source --connector <apiId> --name '<data-source-or-table-name>' --force --non-interactive
$PA app remove data-source --connector shared_sql --name '<procedure>' --procedure '<procedure>' --force --non-interactive
$PA app remove flow --flow-id <flow-guid> --force --non-interactiveThen run npm run generate-schemas and npx --no-install tsc --noEmit before reporting success.
The native host runtime handles all connector routing automatically via PowerAppsProvider in app/_layout.tsx. When a screen calls a generated service method:
PowerAppsProvider resolves the connection from connectionReferences in power.config.jsonConnectionSetupScreen is shown automaticallyNativePowerAppsBridge dispatches the call with the correct auth tokenNo separate executor or provider wiring is needed — Dataverse and non-Dataverse connectors use the same unified pipeline.
src/generated/ are produced directly by pa app add data-source. Differences in behavior come from runtime wiring in this mobile plugin.app.config.js or playerConfig.ts — connector discovery is dynamic at runtime.© microsoft, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Just SKILL.md in plugins/mobile-apps/skills/add-connector of microsoft/power-platform-skills.
Open the folder on GitHubat commit 0d044b8
Add Connector 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 |
|---|---|---|---|---|---|---|
| Add Connector this skillmicrosoft/power-platform-skills | 972 | — | ~2.9k | Automated safety check: Notes | MIT | |
| React Native Best Practicesvercel-labs/openreview | 1.7k | 17 repos | ~1.1k | Automated safety check: Pass | MIT | |
| Appllama App Design SkillAppllama/appllama-skills | 2.5k | 1 repos | ~5k | Automated safety check: Pass | MIT | |
| Appllama UsageAppllama/appllama-skills | 2.5k | 1 repos | ~1.6k | Automated safety check: Pass | MIT | |
| Release Sample SweepAtmosphere/atmosphere | 3.8k | — | ~4.2k | Automated safety check: Pass | Apache-2.0 | |
| App Store Reviewsafaiyeh/app-store-review-skill | 362 | 1 repos | ~3.4k | Automated safety check: Pass | MIT |
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.
Appllama/appllama-skills
Build native-feeling, benchmark-quality mobile app screens (Expo / React Native).
Appllama/appllama-skills
Use the Appllama MCP (mcp.appllama.io) well — research real top-grossing mobile apps, their screens, flows, and UI elements, then build from what you learn.
Atmosphere/atmosphere
Run the pre-release end-to-end sweep of every user-facing surface — the 33 samples under samples/ (booted from their packaged artifacts and driven in a real browser via chrome-devtools MCP), the…
safaiyeh/app-store-review-skill
Evaluates code against Apple's App Store Review Guidelines. An agent skill from safaiyeh/app-store-review-skill.
callstackincubator/cali
A skill your agent uses when working in the Cali repository or when you need to run, extend, or debug the Cali CLI for mobile React Native and Expo workflows.
microsoft/power-platform-skills
Inspects and configures the web application firewall (WAF) in front of a Power Pages production site.
microsoft/power-platform-skills
Inspects and configures the security headers a Power Pages site sends to browsers — Content Security Policy, frame and clickjacking protection, cross-origin sharing, cookie behavior, and related…
microsoft/power-platform-skills
Scans a Power Pages site project for security issues in source code and dependencies.
microsoft/power-platform-skills
Runs a security scan on a deployed Power Pages site, fetches the latest scan report, and produces a plain-language summary.
microsoft/power-platform-skills
Creates Dataverse tables, columns, and relationships for a Power Pages site based on a data model proposal.
microsoft/power-platform-skills
Creates, edits, and manages Power Pages Server Logic files — server-side JavaScript that runs securely on the Power Pages runtime.
Categories
A skill your agent uses when adding a Power Platform connector to an Expo/React Native Power Apps mobile app and no dedicated mobile connector skill exists. Add Connector is an agent skill from microsoft/power-platform-skills, published by the product's own GitHub organization. Use when adding a Power Platform connector to an Expo/React Native Power Apps mobile app and no dedicated mobile connector skill exists.
Add Connector fits situations like: adding a Power Platform connector to an Expo/React Native Power Apps mobile app and no dedicated mobile connector skill exists; tasks that involve Cross-platform mobile apps.
Run `npx skills add microsoft/power-platform-skills --skill add-connector -a claude-code`. Or copy the skill folder (plugins/mobile-apps/skills/add-connector in microsoft/power-platform-skills) into .claude/skills/add-connector in your project. Claude Code loads it when a task matches its description.
Run `npx skills add microsoft/power-platform-skills --skill add-connector -a codex`. Or copy the skill folder (plugins/mobile-apps/skills/add-connector in microsoft/power-platform-skills) into .agents/skills/add-connector in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add microsoft/power-platform-skills --skill add-connector -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/add-connector, .gemini/skills/add-connector, .github/skills/add-connector and .opencode/skills/add-connector in your project.
Going by SKILL.md and its folder, Add Connector needs the command-line tools its instructions call (npm, npx and node). Our summary lists: Node.js. Its frontmatter pre-approves these tools: Read, Edit, Write, Grep, Glob, Bash, AskUserQuestion, Skill.
SKILL.md names 2 domains. In commands or code: make.powerapps.com; the agent is likely to contact it when it follows the instructions. As links in the text: learn.microsoft.com. This is read from the text; nothing was executed.
Our automated static check of SKILL.md found notes only (pre-approves every shell command (allowed-tools: bash)), nothing it rates as a warning. It is not a guarantee. Review the folder before installing.
Add Connector is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 2.9k tokens (SKILL.md is roughly 12k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
Skills that share tags, products or a category with Add Connector: React Native Best Practices (vercel-labs/openreview, 1.7k stars), Appllama App Design Skill (Appllama/appllama-skills, 2.5k stars), Appllama Usage (Appllama/appllama-skills, 2.5k stars) and Release Sample Sweep (Atmosphere/atmosphere, 3.8k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
microsoft (a GitHub organization, an official publisher) maintains it in microsoft/power-platform-skills, which has 972 GitHub stars. The repository holds 87 skills in this directory. The repository was last updated on October 7, 2026.
Source: microsoft/power-platform-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.