Agent skill

Dynamo Webview Component Scaffold

Scaffolds a new Dynamo package repo that hosts a view extension with a WebView2-embedded React frontend.

Apache-2.0Auto-check passedDevelopment

Install Dynamo Webview Component Scaffold

skills CLI

$ npx skills add DynamoDS/Dynamo --skill dynamo-webview-component-scaffold -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI

$ gh skill install DynamoDS/Dynamo dynamo-webview-component-scaffold --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy

$ git clone --depth 1 https://github.com/DynamoDS/Dynamo.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.claude/skills/dynamo-webview-component-scaffold .claude/skills/dynamo-webview-component-scaffold && rm -rf skills-src

Use ~/.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/

Paste into Claude Code

Install the "dynamo-webview-component-scaffold" agent skill from https://github.com/DynamoDS/Dynamo/tree/master/.claude/skills/dynamo-webview-component-scaffold into .claude/skills/dynamo-webview-component-scaffold/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "dynamo-webview-component-scaffold", 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

$skill-installer install https://github.com/DynamoDS/Dynamo/tree/master/.claude/skills/dynamo-webview-component-scaffold

Type 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.

skills CLI

$ npx skills add DynamoDS/Dynamo --skill dynamo-webview-component-scaffold -a codex

Project install goes to .agents/skills/; add -g for ~/.codex/skills/.

GitHub CLI

$ gh skill install DynamoDS/Dynamo dynamo-webview-component-scaffold --agent codex

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/DynamoDS/Dynamo.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.claude/skills/dynamo-webview-component-scaffold .agents/skills/dynamo-webview-component-scaffold && rm -rf skills-src

Use ~/.agents/skills/ instead of .agents/skills for a personal install.

Codex skills documentation · loads skills from .agents/skills/

Paste into Codex

Install the "dynamo-webview-component-scaffold" agent skill from https://github.com/DynamoDS/Dynamo/tree/master/.claude/skills/dynamo-webview-component-scaffold into .agents/skills/dynamo-webview-component-scaffold/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "dynamo-webview-component-scaffold", 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.

skills CLI

$ npx skills add DynamoDS/Dynamo --skill dynamo-webview-component-scaffold -a cursor

Project install goes to .agents/skills/; add -g for ~/.cursor/skills/.

GitHub CLI

$ gh skill install DynamoDS/Dynamo dynamo-webview-component-scaffold --agent cursor

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/DynamoDS/Dynamo.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.claude/skills/dynamo-webview-component-scaffold .cursor/skills/dynamo-webview-component-scaffold && rm -rf skills-src

Use ~/.cursor/skills/ instead of .cursor/skills for a personal install.

Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/

Paste into Cursor

Install the "dynamo-webview-component-scaffold" agent skill from https://github.com/DynamoDS/Dynamo/tree/master/.claude/skills/dynamo-webview-component-scaffold into .cursor/skills/dynamo-webview-component-scaffold/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "dynamo-webview-component-scaffold", 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

$ gemini skills install https://github.com/DynamoDS/Dynamo.git --path .claude/skills/dynamo-webview-component-scaffold

--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.

skills CLI

$ npx skills add DynamoDS/Dynamo --skill dynamo-webview-component-scaffold -a gemini-cli

Project install goes to .agents/skills/; add -g for ~/.gemini/skills/.

GitHub CLI

$ gh skill install DynamoDS/Dynamo dynamo-webview-component-scaffold --agent gemini-cli

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/DynamoDS/Dynamo.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.claude/skills/dynamo-webview-component-scaffold .gemini/skills/dynamo-webview-component-scaffold && rm -rf skills-src

Use ~/.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/

Paste into Gemini CLI

Install the "dynamo-webview-component-scaffold" agent skill from https://github.com/DynamoDS/Dynamo/tree/master/.claude/skills/dynamo-webview-component-scaffold into .gemini/skills/dynamo-webview-component-scaffold/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "dynamo-webview-component-scaffold", 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.

GitHub CLI

$ gh skill install DynamoDS/Dynamo dynamo-webview-component-scaffold

Installs 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).

skills CLI

$ npx skills add DynamoDS/Dynamo --skill dynamo-webview-component-scaffold -a github-copilot

Project install goes to .agents/skills/; add -g for ~/.copilot/skills/.

Manual copy

$ git clone --depth 1 https://github.com/DynamoDS/Dynamo.git skills-src && mkdir -p .github/skills && cp -r skills-src/.claude/skills/dynamo-webview-component-scaffold .github/skills/dynamo-webview-component-scaffold && rm -rf skills-src

Use ~/.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/

Paste into GitHub Copilot

Install the "dynamo-webview-component-scaffold" agent skill from https://github.com/DynamoDS/Dynamo/tree/master/.claude/skills/dynamo-webview-component-scaffold into .github/skills/dynamo-webview-component-scaffold/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "dynamo-webview-component-scaffold", 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.

skills CLI

$ npx skills add DynamoDS/Dynamo --skill dynamo-webview-component-scaffold -a opencode

OpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.

GitHub CLI

$ gh skill install DynamoDS/Dynamo dynamo-webview-component-scaffold --agent opencode

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/DynamoDS/Dynamo.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.claude/skills/dynamo-webview-component-scaffold .opencode/skills/dynamo-webview-component-scaffold && rm -rf skills-src

Use ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.

OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/

Paste into OpenCode

Install the "dynamo-webview-component-scaffold" agent skill from https://github.com/DynamoDS/Dynamo/tree/master/.claude/skills/dynamo-webview-component-scaffold into .opencode/skills/dynamo-webview-component-scaffold/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "dynamo-webview-component-scaffold", 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: dynamo-webview-component-scaffold
GitHub stars: 2k
Token cost: ~991 tokens
SKILL.md length: 255 words
Files: 1
Skills in repo: 13
Repo updated: Oct 7, 2026
First seen: Oct 7, 2026
Licence: Apache-2.0

At a glance

Scaffolds a new Dynamo package repo that hosts a view extension with a WebView2-embedded React frontend.

Works in 6 steps: Replace all instances of… → Generate a new UniqueId GUID for the… → Update DynamoVersion in… → …
Setting up a new repo following the Switchboard pattern — Dynamo package structure
SKILL.md covers Project Structure, Package Output Structure, Key Patterns and When scaffolding a new repo
Calls npm and dotnet

What it does

Dynamo Webview Component Scaffold is an agent skill from DynamoDS/Dynamo. Scaffolds a new Dynamo package repo that hosts a view extension with a WebView2-embedded React frontend. Use when setting up a new repo following the Switchboard pattern — Dynamo package structure, build pipeline, system tests, and bidirectional C/TypeScript messaging.

Its SKILL.md is about 990 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 Development, covering Project scaffolding and CI/CD. It works with C#, TypeScript and React. The repository describes itself as: Open Source Graphical Programming for Computational Design and Automation. The licence is Apache-2.0.

When your agent uses it

Setting up a new repo following the Switchboard pattern — Dynamo package structure
Bidirectional C/TypeScript messaging

Example prompts

“Use the dynamo-webview-component-scaffold skill to scaffold a new Dynamo package repo that hosts a view extension with a WebView2-embedded React…”
“/dynamo-webview-component-scaffold”

Workflow steps

6 steps, taken from the first numbered list in SKILL.md.

Replace all instances of Switchboard/DynamoSwitchboard with the new product name
Generate a new UniqueId GUID for the ViewExtension
Update DynamoVersion in Directory.Build.props to the target Dynamo version
Update NuGet package sources in nuget.config if the new repo uses different feeds
Stub out the Messages project with at minimum one message type in each direction
Verify the ViewExtensionDefinition.xml AssemblyPath matches the output DLL name

What it can do on your machine

Read from SKILL.md and the folder at commit 8cadc02. 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:
- npm
- dotnet
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md. Its commands use 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

Dynamo Webview Component Scaffold loads about 991 tokens when it runs. Until then it costs about 76 tokens; SKILL.md has 255 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it: ~76
When it runs · the whole SKILL.md, loaded when a task matches: ~991

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 DynamoDS/Dynamo at commit 8cadc02, republished under its Apache-2.0 licence (© DynamoDS). 255 words, ~991 tokens.

Download SKILL.mdSave it as .claude/skills/dynamo-webview-component-scaffold/SKILL.md (or your agent's skills folder).

name: dynamo-webview-component-scaffold
description: Scaffolds a new Dynamo package repo that hosts a view extension with a WebView2-embedded React frontend. Use when setting up a new repo following the Switchboard pattern — Dynamo package structure, build pipeline, system tests, and bidirectional C#/TypeScript messaging.

Dynamo WebView Component Scaffold

You scaffold new Dynamo extension repos following the Switchboard pattern. The reference implementation is DynamoDS/Dynamo-Switchboard.

Project Structure

src/
  {Product}.sln
  Directory.Build.props          # central: DynamoVersion, Product, deployment paths
  common.tasks                   # ReplaceFileText MSBuild task
  nuget.config                   # Autodesk Artifactory + nuget.org sources
  {Product}.ViewExtension/       # net8.0-windows, IViewExtension + WebView2 host
  {Product}.Messages/            # net8.0, shared C#/TS message types
  {Product}.SystemTests/         # net8.0-windows, NUnit + SystemTestBase
  {Product}.WebView/             # React + Vite + TypeScript frontend
  packageItems/
    pkg.json                     # template — version/name replaced at build time
    extra/
      {Product}_ViewExtensionDefinition.xml
scripts/
  build.ps1                      # TypeScript codegen → npm build → dotnet build
  create-package-zip.ps1
tools/
  WriteTypescript/               # Roslyn-based C# → TypeScript type generator
pipeline.yml                     # Jenkins: build → test → publish artifact

Package Output Structure

deploy/{Configuration}/{Product}/
  bin/           # assemblies + dist/ (React build output)
  extra/         # ViewExtensionDefinition.xml
  pkg.json       # populated at build time from Directory.Build.props

Key Patterns

ViewExtension

Implements IViewExtension with UniqueId, Startup, Loaded, Shutdown
Loads dependent assemblies in a custom AssemblyLoadContext to avoid version conflicts
Accesses IOAuth2AuthProvider and PathManager from Dynamo via ViewLoadedParams

WebView2 hosting

Microsoft.Web.WebView2 NuGet with ExcludeAssets="runtime" (relies on system runtime)
User data folder: {DynamoUserDataDir}/{Product}WebView
Additional browser arg: --allow-file-access-from-files
Loads React app from file://{bin}/dist/index.html

C# ↔ TypeScript messaging

WebViewMessage base class with [JsonDerivedType] for polymorphic JSON
C# → TS: CoreWebView2.PostWebMessageAsString(json)
TS → C#: CoreWebView2.WebMessageReceived event
Types auto-generated from C# to TypeScript by WriteTypescript tool during build

System tests

Inherit SystemTestBase from DynamoVisualProgramming.Tests
TestServices.dll.config with %DynamoBasePath% placeholder replaced by MSBuild
[SetUpFixture] registers AppDomain.AssemblyResolve for Dynamo binaries
Tests load the actual built package from src/deploy/{Configuration}/{Product}/
NUnit STA apartment state required; JUnit XML output for CI reporting

Build

Directory.Build.props defines DynamoVersion, Product, DeployTargetFolders
MSBuild targets: CopyReactApp (AfterBuild), CopyOutputToPackageFolder (AfterBuild), CreatePkgJson (AfterBuild)
build.ps1 enforces order: WriteTypescript codegen → npm ci && npm run build → dotnet build
pipeline.yml: Jenkins, Windows node, weekly schedule, publishes {Product}.zip to Autodesk package manager

When scaffolding a new repo

Replace all instances of Switchboard/DynamoSwitchboard with the new product name
Generate a new UniqueId GUID for the ViewExtension
Update DynamoVersion in Directory.Build.props to the target Dynamo version
Update NuGet package sources in nuget.config if the new repo uses different feeds
Stub out the Messages project with at minimum one message type in each direction
Verify the ViewExtensionDefinition.xml AssemblyPath matches the output DLL name

Files

Just SKILL.md in .claude/skills/dynamo-webview-component-scaffold of DynamoDS/Dynamo.

Open the folder on GitHubat commit 8cadc02

Compare with similar skills

Dynamo Webview Component Scaffold 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.

Dynamo Webview Component Scaffold compared with similar skills
Skill	Stars	Used in	Tokens	Auto-check	Licence	Repo updated
Dynamo Webview Component Scaffold this skillDynamoDS/Dynamo	2k	—	~991	Automated safety check: Pass	Apache-2.0	today
Project Initathola/claude-night-market	342	—	~1.2k	Automated safety check: Pass	MIT	yesterday
Winui AppLanceMcCarthy/DevOpsExamples	172	1 repos	~2.8k	Automated safety check: Pass	Apache-2.0	6 days ago
Better FullstackMarve10s/Better-Fullstack	752	—	~1.5k	Automated safety check: Pass	MIT	yesterday
Pixijs Createpixijs/pixijs-skills	347	—	~3.1k	Automated safety check: Pass	MIT	6 days ago
Fe Tools Template RecommenderMichealWayne/fe-tools	207	—	~1k	Automated safety check: Pass	None	29 days ago

Similar skills

Project Init
athola/claude-night-market
Scaffolds new projects with git, CI/CD workflows, pre-commit hooks, and build config.
342 GitHub stars~1.2k tokensUpdated yesterday
DevelopmentAuto-check passed
Winui App
LanceMcCarthy/DevOpsExamples
Bootstrap, develop, and design modern WinUI 3 desktop applications with C and the Windows App SDK using official Microsoft guidance, WinUI Gallery patterns, Windows App SDK samples, and…
172 GitHub starsUsed in 1 repo~2.8k tokens
DevOps & CloudAuto-check passed
Better Fullstack
Marve10s/Better-Fullstack
Scaffold, plan, or extend Better Fullstack projects with the generator, CLI, or MCP server.
752 GitHub stars~1.5k tokensUpdated yesterday
DevelopmentAuto-check passed
Pixijs Create
pixijs/pixijs-skills
A skill your agent uses when scaffolding a new PixiJS v8 project with the create-pixi CLI or adding PixiJS to an existing project.
347 GitHub stars~3.1k tokensUpdated 6 days ago
DevelopmentAuto-check passed
Fe Tools Template Recommender
MichealWayne/fe-tools
Recommend the most suitable project template or initialization path from fe-tools project-templates based on product, framework, runtime, and delivery constraints.
207 GitHub stars~1k tokensUpdated 29 days ago
DevelopmentAuto-check passed
Corvus Typescript Evaluator
corvus-dotnet/Corvus.JsonSchema
Work on the TypeScript port of the V5 standalone schema evaluator (src-ts/corvus-json-schema, npm package @corvus-dotnet/json-schema): loader, compiler, JavaScript code generator, results collector…
199 GitHub stars~1.3k tokensUpdated today
DevelopmentAuto-check passed

Questions about Dynamo Webview Component Scaffold

What does Dynamo Webview Component Scaffold do?

Scaffolds a new Dynamo package repo that hosts a view extension with a WebView2-embedded React frontend. Dynamo Webview Component Scaffold is an agent skill from DynamoDS/Dynamo. Scaffolds a new Dynamo package repo that hosts a view extension with a WebView2-embedded React frontend.

When should I use Dynamo Webview Component Scaffold?

Dynamo Webview Component Scaffold fits situations like: setting up a new repo following the Switchboard pattern — Dynamo package structure; bidirectional C/TypeScript messaging.

How do I install Dynamo Webview Component Scaffold in Claude Code?

Run `npx skills add DynamoDS/Dynamo --skill dynamo-webview-component-scaffold -a claude-code`. Or copy the skill folder (.claude/skills/dynamo-webview-component-scaffold in DynamoDS/Dynamo) into .claude/skills/dynamo-webview-component-scaffold in your project. Claude Code loads it when a task matches its description.

How do I install Dynamo Webview Component Scaffold in Codex?

Run `npx skills add DynamoDS/Dynamo --skill dynamo-webview-component-scaffold -a codex`. Or copy the skill folder (.claude/skills/dynamo-webview-component-scaffold in DynamoDS/Dynamo) into .agents/skills/dynamo-webview-component-scaffold in your project. Codex loads it when a task matches its description.

Can I use Dynamo Webview Component Scaffold 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 DynamoDS/Dynamo --skill dynamo-webview-component-scaffold -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/dynamo-webview-component-scaffold, .gemini/skills/dynamo-webview-component-scaffold, .github/skills/dynamo-webview-component-scaffold and .opencode/skills/dynamo-webview-component-scaffold in your project.

What does Dynamo Webview Component Scaffold need to run?

Going by SKILL.md and its folder, Dynamo Webview Component Scaffold needs the command-line tools its instructions call (npm and dotnet).

Does Dynamo Webview Component Scaffold access the network?

SKILL.md contains no URLs. Its commands use npm, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Dynamo Webview Component Scaffold 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 Dynamo Webview Component Scaffold use?

Dynamo Webview Component Scaffold is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Dynamo Webview Component Scaffold use?

About 991 tokens (SKILL.md is roughly 4k 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 Dynamo Webview Component Scaffold?

Skills that share tags, products or a category with Dynamo Webview Component Scaffold: Project Init (athola/claude-night-market, 342 stars), Winui App (LanceMcCarthy/DevOpsExamples, 172 stars), Better Fullstack (Marve10s/Better-Fullstack, 752 stars) and Pixijs Create (pixijs/pixijs-skills, 347 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Dynamo Webview Component Scaffold?

DynamoDS (a GitHub organization) maintains it in DynamoDS/Dynamo, which has 2,033 GitHub stars. The repository holds 13 skills in this directory. The repository was last updated on October 7, 2026.

Source: DynamoDS/Dynamo on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.

Dynamo Webview Component Scaffold

Install Dynamo Webview Component Scaffold

Facts

At a glance

What it does

When your agent uses it

Example prompts

Workflow steps

What it can do on your machine

Tool permissions

Runs code

Network

Credentials

Context cost

Safety

SKILL.md

Dynamo WebView Component Scaffold

Project Structure

Package Output Structure

Key Patterns

When scaffolding a new repo

Files

Compare with similar skills

Similar skills

Project Init

Winui App

Better Fullstack

Pixijs Create

Fe Tools Template Recommender

Corvus Typescript Evaluator

More from DynamoDS/Dynamo

Dynamo Jira Ticket

Dynamo Dotnet Expert

Dynamo Onboarding

Dynamo PR Description

Dynamo Skill Writer

Dynamo Unit Testing

Questions about Dynamo Webview Component Scaffold

Install Dynamo Webview Component Scaffold

Facts

At a glance

What it does

When your agent uses it

Example prompts

Workflow steps

What it can do on your machine

Tool permissions

Runs code

Network

Credentials

Context cost

Safety

SKILL.md

Dynamo WebView Component Scaffold

Project Structure

Package Output Structure

Key Patterns

When scaffolding a new repo

Files

Compare with similar skills

Similar skills

More from DynamoDS/Dynamo

Related

Questions about Dynamo Webview Component Scaffold