New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Orchardcore Asset Manager

by OrchardCMS in OrchardCMS/OrchardCore

Builds, watches, and manages frontend assets in OrchardCore.

BSD-3-ClauseAuto-check passedFrontend & Design

Install Orchardcore Asset Manager

skills CLI
$ npx skills add OrchardCMS/OrchardCore --skill orchardcore-asset-manager -a claude-code

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

GitHub CLI
$ gh skill install OrchardCMS/OrchardCore orchardcore-asset-manager --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/OrchardCMS/OrchardCore.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/orchardcore-asset-manager .claude/skills/orchardcore-asset-manager && 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/

Facts

Skill name
orchardcore-asset-manager
GitHub stars
8.2k
Token cost
~1.5k tokens
SKILL.md length
476 words
Files
2 (incl. references)
Skills in repo
17
Repo updated
First seen
Licence
BSD-3-Clause

At a glance

Builds, watches, and manages frontend assets in OrchardCore.

  • Adding new assets to a module/theme
  • SKILL.md covers Node.js Version, Build Commands, Local Claude Code Setup… and Prerequisites / Installing…, plus 6 more sections
  • Calls yarn and git
  • Troubleshooting build failures

What it does

Orchardcore Asset Manager is an agent skill from OrchardCMS/OrchardCore. Builds, watches, and manages frontend assets in OrchardCore. Use when modifying SCSS, JS, TS, or Vue files, adding new assets to a module/theme, or troubleshooting build failures. Covers all asset actions (vite, sass, min, copy, parcel, webpack, concat) and the three-tier package structure.

Its SKILL.md is about 1.5k tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files, including reference files (for example `references/actions.md`).

It sits in Frontend & Design, covering CSS and styling. It works with Vue.js, webpack, Node.js and npm. The repository describes itself as: Orchard Core is an open-source modular and multi-tenant application framework built with ASP.NET Core, and a content management system (CMS) built on top of that framework. The licence is BSD-3-Clause.

When your agent uses it

  • Adding new assets to a module/theme
  • Troubleshooting build failures

Example prompts

  • “/orchardcore-asset-manager”

Requirements

  • Node.js

What it can do on your machine

Read from SKILL.md and the folder at commit bfbe92f. 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:

    • yarn
    • git

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md. Its commands use yarn and git, 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

Orchardcore Asset Manager loads about 1.5k tokens when it runs, and up to ~2.5k if it reads all its reference files. Until then it costs about 79 tokens; SKILL.md has 476 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~79
When it runs · the whole SKILL.md, loaded when a task matches
~1.5k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~2.5k

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 OrchardCMS/OrchardCore at commit bfbe92f, republished under its BSD-3-Clause licence (© OrchardCMS). 476 words, ~1,490 tokens.

Download SKILL.mdSave it as .claude/skills/orchardcore-asset-manager/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.
name
orchardcore-asset-manager
description
Builds, watches, and manages frontend assets in OrchardCore. Use when modifying SCSS, JS, TS, or Vue files, adding new assets to a module/theme, or troubleshooting build failures. Covers all asset actions (vite, sass, min, copy, parcel, webpack, concat) and the three-tier package structure.

OrchardCore Asset Manager

Handles all frontend asset compilation for OrchardCore modules and themes. Assets are discovered via Assets.json files under src/{OrchardCore.Modules,OrchardCore.Themes}/*/.

Node.js Version

The repo requires Node.js 24.x (pinned in .node-version). The build script auto-detects a mismatch and prompts:

1) Continue anyway
2) Abort
3) Install via fnm, Node.js 24.x and build
4) Install via Volta, Node.js 24.x and build

Always select option 1 (continue) or option 3 (install via fnm). The allowed Bash commands for this project pre-approve both:

bash
echo "1" | yarn build          # continue with current Node.js
echo "3" | yarn build          # install Node 24 via fnm and build

Build Commands

All commands run from the repository root (/home/skrypt/repo/orchardcore).

bash
# Build all assets
echo "1" | yarn build

# Build a specific asset by name
echo "1" | yarn build -n media-app

# Build multiple assets
echo "1" | yarn build -n media-app,media-field

# Build by tag
echo "1" | yarn build -t admin

# Watch a specific asset (dev mode, auto-rebuilds on save)
echo "1" | yarn watch -n media-app

# Host with bundler dev server (HMR)
echo "1" | yarn host -n media-app

# Clean all build output
echo "1" | yarn clean

The -n name maps to the "name" field in Assets.json.

Local Claude Code Setup (One-time, per developer)

.claude/ is gitignored. To avoid being prompted on every build command, create .claude/settings.json locally with these pre-approved commands:

json
{
  "permissions": {
    "allow": [
      "Bash(echo \"1\" | yarn build*)",
      "Bash(echo \"3\" | yarn build*)",
      "Bash(fnm exec --using 24.14.1 -- corepack yarn install*)",
      "Bash(yarn check*)",
      "Bash(yarn lint*)",
      "Bash(echo \"1\" | yarn dry-run*)"
    ]
  }
}

Do not commit this file or add a .gitignore exception for it — it is intentionally kept local to avoid silently pre-approving commands on other developers' machines.

Prerequisites / Installing Dependencies

Before building, if packages are missing:

bash
fnm exec --using 24.14.1 -- corepack yarn install

After modifying any package.json (root, .scripts/assets-manager/, or a module's Assets/), re-run install.

Built Output

Built files go to the module/theme's wwwroot/ folder and must be committed to the repo. After any asset change, commit both the source file and the generated wwwroot/ files.

Package Structure (Three-Tier)

LocationPurpose
Root package.jsonWorkspace orchestration, version resolutions
.scripts/assets-manager/package.jsonBuild toolchain (Vite, Parcel, Sass, etc.)
src/.../Assets/package.jsonRuntime deps bundled into that module/theme

To add a runtime dependency to a module:

bash
# From the module's Assets/ folder
yarn add some-library@1.2.3
# Then rebuild
echo "1" | yarn build -n asset-name

To add a build tool (affects all assets):

  • Edit .scripts/assets-manager/package.json
  • Run fnm exec --using 24.14.1 -- corepack yarn install

Assets.json

Each module/theme with assets has an Assets.json at its root (e.g. src/OrchardCore.Modules/OrchardCore.Media/Assets.json). See references/actions.md for all supported actions.

Quick example:

json
[
  {
    "action": "vite",
    "name": "media-app",
    "source": "Assets/media-app/",
    "tags": ["admin", "js"]
  },
  {
    "action": "sass",
    "name": "media-styles",
    "source": "Assets/scss/media.scss",
    "tags": ["admin", "css"]
  }
]
Show full SKILL.md (222 more words)Show less

Code Quality Commands

These do not go through the Node.js version prompt — run them directly.

bash
# TypeScript type-check all Vue/TS files (vue-tsc --noEmit)
yarn check

# Lint all JS/TS/Vue files (ESLint)
yarn lint

# Preview which files would be built/copied without writing anything
echo "1" | yarn dry-run
echo "1" | yarn dry-run -n media-app   # scoped to one asset
  • yarn check — runs vue-tsc --noEmit; catches type errors across all Vue/TS source files. Run before committing TS/Vue changes. Does not support -n; to check a specific module, point it at that module's tsconfig directly: yarn vue-tsc --noEmit -p src/OrchardCore.Modules/OrchardCore.Media/Assets/media-app/tsconfig.json
  • yarn lint — runs ESLint across the repo. Accepts a file or directory to scope it: yarn lint src/OrchardCore.Modules/OrchardCore.Media/Assets/. Fix any errors before committing.
  • yarn dry-run — logs what the build would do (copy targets, output paths) without touching any files. Useful when adding a new Assets.json entry to verify paths before the first real build.

Troubleshooting

ProblemFix
Cannot find package '@tailwindcss/vite'Run fnm exec --using 24.14.1 -- corepack yarn install
Parcel cache stale after deleting outputRun echo "1" | yarn clean then rebuild
Changes not reflectedConfirm the built wwwroot/ files changed; rebuild if not
Ran a full-repo build by accident (wrong -n value, e.g. package.json name instead of Assets.json "name")git status --short immediately; git checkout -- every changed path outside your target module/theme before committing
Edited source but bug still repros in the running appYou forgot to rebuild. stat -c '%y' <source>.ts vs stat -c '%y' wwwroot/Scripts/<bundle>.js — if the bundle is older, run yarn build -n <asset-name>

References

  • references/actions.md — All Assets.json action types with examples
    </content>
</invoke>

© OrchardCMS, BSD-3-Clause. 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 (references) in .agents/skills/orchardcore-asset-manager of OrchardCMS/OrchardCore.

  • SKILL.md
  • references/actions.md

Open the folder on GitHubat commit bfbe92f

Compare with similar skills

Orchardcore Asset Manager 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.

Orchardcore Asset Manager compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Orchardcore Asset Manager this skillOrchardCMS/OrchardCore8.2k—~1.5kAutomated safety check: PassBSD-3-Clause
Vuetify Skilldlogue/vite-vuetify-ts-starter1811 repos~1.9kAutomated safety check: PassMIT
Quasar Skilldskilld-dev/vue-ecosystem-skills181—~1.6kAutomated safety check: PassMIT
Dokan Frontend Devgetdokan/dokan288—~1.9kAutomated safety check: PassNone
Light Frontend DesignLight0305/Light-skills640—~3.1kAutomated safety check: PassMIT
Frappe Ops Frontend BuildImpertio-Studio/Frappe_Claude_Skill_Package189—~2.7kAutomated safety check: PassMIT

Similar skills

  • Vuetify Skilld

    logue/vite-vuetify-ts-starter

    Vue Material Component Framework. An agent skill from logue/vite-vuetify-ts-starter.

    181 GitHub starsUsed in 1 repo~1.9k tokens
    Frontend & DesignAuto-check passed

  • Quasar Skilld

    skilld-dev/vue-ecosystem-skills

    Build, configure, and debug apps with the Quasar framework (quasar npm package, v2.33.1).

    181 GitHub stars~1.6k tokensUpdated 18 days ago
    Frontend & DesignAuto-check passed

  • Dokan Frontend Dev

    getdokan/dokan

    Add or modify Dokan frontend code (React, TypeScript, Vue, Tailwind).

    288 GitHub stars~1.9k tokensUpdated yesterday
    Frontend & DesignAuto-check passed

  • Light Frontend Design

    Light0305/Light-skills

    Light 按需工程技能·前端设计：把模糊的「做个好看的界面」落成能跑的 React/Tailwind/shadcn 代码 + 设计决策说明—— 有视觉记忆点(signature element)、风格自洽(design tokens 一致)、适配场景(学术海报/数据大屏/管理后台/移动端/营销 landing 信息密度各不同)、反「一眼 AI」(紫蓝渐变/Inter/16px 圆角/巨型…

    640 GitHub stars~3.1k tokensUpdated 3 mo ago
    Frontend & DesignAuto-check passed

  • Frappe Ops Frontend Build

    Impertio-Studio/Frappe_Claude_Skill_Package

    A skill your agent uses when configuring frontend asset bundling, migrating from build.json (v14) to esbuild (v15+), or troubleshooting SCSS/CSS compilation.

    189 GitHub stars~2.7k tokensUpdated 23 days ago
    Frontend & DesignAuto-check passed

  • Tailwindcss Development

    anonaddy/anonaddy

    Always invoke when the user's message includes 'tailwind' in any form.

    4.9k GitHub starsUsed in 10 repos~865 tokens
    Frontend & DesignAuto-check passed

More from OrchardCMS/OrchardCore

All 17 skills in this repo

  • Orchardcore Video Producer

    OrchardCMS/OrchardCore

    Produces narrated Orchard Core videos (feature walkthroughs, module overviews, pull request demos) with one unified look and specification - 1080p, Orchard Core logo, colors and fonts, the same…

    8.2k GitHub stars~2k tokensUpdated today
    Auto-check passed

  • Orchardcore Admin Edit Views

    OrchardCMS/OrchardCore

    Creates and updates OrchardCore admin edit views using the ocat- CSS class conventions.

    8.2k GitHub stars~3.7k tokensUpdated today
    Auto-check passed

  • Orchardcore Data Migration

    OrchardCMS/OrchardCore

    Creates and updates OrchardCore data migrations (DataMigration classes with CreateAsync/UpdateFromX).

    8.2k GitHub stars~1.7k tokensUpdated today
    Auto-check passed

  • Orchardcore Display Management

    OrchardCMS/OrchardCore

    Controls how OrchardCore renders content — placement.json rules, display drivers, shapes, zones, alternates, and editor groupings (tabs/cards/columns).

    8.2k GitHub stars~1.8k tokensUpdated today
    Auto-check passed

  • Orchardcore Docs Writer

    OrchardCMS/OrchardCore

    Authors OrchardCore documentation — MkDocs Material pages, module README docs, nav entries, admonitions, tabbed content, and redirects.

    8.2k GitHub stars~1.1k tokensUpdated today
    Auto-check passed

  • Orchardcore Localization

    OrchardCMS/OrchardCore

    Localizes OrchardCore apps — UI strings (IStringLocalizer/IViewLocalizer S, T, H), PO files and pluralization, content translation (LocalizationPart, culture picker), and supported-culture…

    8.2k GitHub stars~1.7k tokensUpdated today
    Auto-check passed

Works with

Categories

Questions about Orchardcore Asset Manager

What does Orchardcore Asset Manager do?

Builds, watches, and manages frontend assets in OrchardCore. Orchardcore Asset Manager is an agent skill from OrchardCMS/OrchardCore. Builds, watches, and manages frontend assets in OrchardCore.

When should I use Orchardcore Asset Manager?

Orchardcore Asset Manager fits situations like: adding new assets to a module/theme; troubleshooting build failures.

How do I install Orchardcore Asset Manager in Claude Code?

Run `npx skills add OrchardCMS/OrchardCore --skill orchardcore-asset-manager -a claude-code`. Or copy the skill folder (.agents/skills/orchardcore-asset-manager in OrchardCMS/OrchardCore) into .claude/skills/orchardcore-asset-manager in your project. Claude Code loads it when a task matches its description.

How do I install Orchardcore Asset Manager in Codex?

Run `npx skills add OrchardCMS/OrchardCore --skill orchardcore-asset-manager -a codex`. Or copy the skill folder (.agents/skills/orchardcore-asset-manager in OrchardCMS/OrchardCore) into .agents/skills/orchardcore-asset-manager in your project. Codex loads it when a task matches its description.

Can I use Orchardcore Asset Manager 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 OrchardCMS/OrchardCore --skill orchardcore-asset-manager -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/orchardcore-asset-manager, .gemini/skills/orchardcore-asset-manager, .github/skills/orchardcore-asset-manager and .opencode/skills/orchardcore-asset-manager in your project.

What does Orchardcore Asset Manager need to run?

Going by SKILL.md and its folder, Orchardcore Asset Manager needs the command-line tools its instructions call (yarn and git). Our summary lists: Node.js.

Does Orchardcore Asset Manager access the network?

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

Is Orchardcore Asset Manager 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 Orchardcore Asset Manager use?

Orchardcore Asset Manager is published under the BSD-3-Clause licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Orchardcore Asset Manager use?

About 1.5k tokens (SKILL.md is roughly 6k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 977 tokens, read only when the agent opens those files.

What are the alternatives to Orchardcore Asset Manager?

Skills that share tags, products or a category with Orchardcore Asset Manager: Vuetify Skilld (logue/vite-vuetify-ts-starter, 181 stars), Quasar Skilld (skilld-dev/vue-ecosystem-skills, 181 stars), Dokan Frontend Dev (getdokan/dokan, 288 stars) and Light Frontend Design (Light0305/Light-skills, 640 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Orchardcore Asset Manager?

OrchardCMS (a GitHub organization) maintains it in OrchardCMS/OrchardCore, which has 8,193 GitHub stars. The repository holds 17 skills in this directory. The repository was last updated on October 10, 2026.

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