pcf-and-web-resources

pcf-and-web-resources is a skill for Claude Code from satriotsubasa/PowerPlatform-Core. It costs 182 tokens per session (1,673 once invoked), scanned A, original, Apache-2.0.

A guide for the client-side parts of a Microsoft Power Apps model-driven app. It covers PCF controls, which are custom controls for displaying or editing data, plus JavaScript, HTML, CSS, images, and Power Fx formulas.

In plain words
What is it for?
Use it to build or deploy PCF controls, connect them to form fields, update form event scripts or ribbon rules, manage web resources, and review Power Fx formulas.
Why use it?
It helps choose the smallest suitable way to change what users see or do on a form. It also highlights checks for formula errors, slow data retrieval, and maintainable client code.

Skill for Claude Code

Written for Claude Code: $CLAUDE_PLUGIN_ROOT variable. Also seen: mentions Claude Code; mentions Codex.

Runs only inside its plugin — its command needs a path that Claude Code sets for a plugin’s own hooks and for nothing else. Install the plugin, not this.

Part of the powerplatform-core plugin — 12 skills shipped together

Good fit Use it to build or deploy PCF controls, connect them to form fields, update form event scripts or ribbon rules, manage web resources, and review Power Fx formulas.

Compare 6 skills from other repositories ↓
Install

Getting it into your agent

This one installs as part of its plugin. Adding the marketplace and installing the plugin brings it with everything else the plugin ships.

Claude Code
/plugin marketplace add satriotsubasa/PowerPlatform-Core
Claude Code
/plugin install powerplatform-core

Made for: Claude Code.

Or install powerplatform-core, the plugin that ships this one along with the rest of its 12 skills.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for pcf-and-web-resources

README.md
[![agentmods](https://agentmods.dev/badge/skills/satriotsubasa/powerplatform-core/pcf-and-web-resources/github.svg)](https://agentmods.dev/skills/satriotsubasa/powerplatform-core/pcf-and-web-resources)
Your own site
<a href="https://agentmods.dev/skills/satriotsubasa/powerplatform-core/pcf-and-web-resources"><img src="https://agentmods.dev/badge/skills/satriotsubasa/powerplatform-core/pcf-and-web-resources/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for pcf-and-web-resources

Your own site · 80×15
<a href="https://agentmods.dev/skills/satriotsubasa/powerplatform-core/pcf-and-web-resources"><img src="https://agentmods.dev/badge/skills/satriotsubasa/powerplatform-core/pcf-and-web-resources.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 182 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 1,673 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00182 $0.01673
Opus 5 $0.00091 $0.00837
Sonnet 5 $0.00036 $0.00335
Haiku 4.5 $0.00018 $0.00167

Measured 11d ago against content hash 150d0428147f, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-10, from the pricing page.

Security

Grade A, and why

pcf-and-web-resources scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 11d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

plugins/powerplatform-core/skills/pcf-and-web-resources/SKILL.md · 73 lines

How it starts

The opening of the file, as written. The whole thing — 73 lines — stays where its author put it; the contents beside it link to each section on GitHub.

PCF and Web Resources

This skill owns the client-side and field-rendering surfaces of a model-driven app: PCF code components, authored web resources (JavaScript, HTML, CSS, XML, images), client form scripts, and Power Fx formula review. Prefer the lightest surface that satisfies the requirement — a named form-script handler or a small web resource before a PCF control, and a PCF control before a heavy HTML web resource. Keep everything source-controlled and deploy through targeted helpers, not whole-solution import.

When to use this

  • Scaffold, implement, version, or deploy a PCF field or dataset control.
  • Bind a deployed PCF control to a specific form control.
  • Add or update an OnLoad / OnSave / OnChange form script or a ribbon CustomRule JavaScript function.
  • Sync and publish one web resource, or a batch of changed web resources.
  • Review or debug a Power Fx formula for delegation risk, missing IfError, or maintainability.

For tables, columns, form metadata, or RibbonDiffXml structure, use dataverse-schema. For plug-ins, custom APIs, or shared server logic, use plugins-server-extensions. For a full pro-code SPA, use code-apps.

Helpers

Helpers live in the plugin's scripts/ directory at the plugin root, not inside this skill folder. Resolve the plugin root and invoke them:

  • Claude Code: python "$CLAUDE_PLUGIN_ROOT/scripts/scaffold_pcf_control.py" --help
  • Codex: python "$CODEX_PLUGIN_ROOT/scripts/scaffold_pcf_control.py" --help (also exposed as $PLUGIN_ROOT)
  • Standalone / unsure: the scripts/ folder sits beside this skill bundle; invoke by its path within the install.
Helper Use it to
scaffold_pcf_control.py Create a new control (--template field or --template dataset) in the inferred or explicit PCF area, keeping the namespace aligned with the publisher prefix.
version_pcf_solution.py Bump both version surfaces together — the 3-part version in ControlManifest.Input.xml and the 4-part version in the wrapper Solutions\src\Other\Solution.xml.
deploy_pcf.py In auto mode: install dependencies, build, and either package-import the wrapper solution or fall back to direct pac pcf push.
bind_pcf_control.py Attach a deployed control to an existing form control through a headless systemform.formxml update when the binding is deterministic.
sync_webresource.py Headlessly upload/update and publish a single JS/HTML/CSS/XML/image web resource.
sync_webresources_batch.py Sync/publish several changed web resources in one pass — stop if the batch sweeps in unrelated files.
debug_power_fx.py Heuristic Power Fx review: function inventory, delegation-risk checks, missing-IfError on writes, maintainability warnings, rewrite hints, and test cases.

Read the full file on GitHub · 73 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 11d ago First seen · 73 lines · 182 tokens per session scan A 150d0428147f

Subscribe to this mod's changes

pcf-and-web-resources is a skill published in the GitHub repository satriotsubasa/PowerPlatform-Core (17 stars, last pushed 1mo ago), licensed Apache-2.0. It adds 182 tokens to every session and 1,673 once invoked, about $0.0009 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.

Related

Other skills, from other repositories

chakra-ui-builder

Build responsive, accessible UI components and layouts using Chakra UI v3, install or configure Chakra UI in new and existing projects, and design scalable themes using tokens, semantic tokens, recipes, and slot recipes. Use this skill whenever a user asks to build, create, or generate any UI component, page, form…

chakra-ui/chakra-ui · 214 tokens

visual-ralph

Visual Ralph orchestration for frontend UI from generated references, static references, or live URL targets, using $ralph with built-in visual verdict and pixel-diff evidence until the implementation matches and leaves a reproducible design system.

Yeachan-Heo/oh-my-codex · 50 tokens

frontend-visual-qa

Audits already-rendered web, landing-page, HTML deck/slide, browser tool/game, dashboard/admin, design-system, and desktop UIs using real-browser or native-app journeys, inspected screenshots, DOM geometry, responsive or projection viewports, and a bundled Playwright sweep. Use after UI implementation to find…

daymade/claude-code-skills · 145 tokens

prototype-web

A clickable, high-fidelity web product prototype with navigation, a hero section, feature cards, steps, social proof, and optional pricing. It is designed to resemble a finished landing page while remaining a prototype.

nexu-io/html-anything · 24 tokens

waitlist-page

A simple waitlist page for collecting email addresses from people interested in a new product or early-access release.

nexu-io/html-anything · 25 tokens

animation-principles

Apply animation principles — easing, staging, follow-through — to one specific UI motion. Use when tuning how an animation feels. For product-wide duration and easing tokens use motion-system (design-systems); for a full interaction spec use micro-interaction-spec.

Owl-Listener/designer-skills · 59 tokens