Control UI
openclaw/openclaw
Operate and troubleshoot the OpenClaw Control UI: navigate connected clients, organize sessions, build session dashboards, and handle direct or Tailscale-hosted Gateways.
Controls how OrchardCore renders content — placement.json rules, display drivers, shapes, zones, alternates, and editor groupings (tabs/cards/columns).
$ npx skills add OrchardCMS/OrchardCore --skill orchardcore-display-management -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install OrchardCMS/OrchardCore orchardcore-display-management --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/OrchardCMS/OrchardCore.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/orchardcore-display-management .claude/skills/orchardcore-display-management && 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 "orchardcore-display-management" agent skill from https://github.com/OrchardCMS/OrchardCore/tree/main/.agents/skills/orchardcore-display-management into .claude/skills/orchardcore-display-management/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "orchardcore-display-management", 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/OrchardCMS/OrchardCore/tree/main/.agents/skills/orchardcore-display-managementType 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 OrchardCMS/OrchardCore --skill orchardcore-display-management -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install OrchardCMS/OrchardCore orchardcore-display-management --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/OrchardCMS/OrchardCore.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.agents/skills/orchardcore-display-management .agents/skills/orchardcore-display-management && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "orchardcore-display-management" agent skill from https://github.com/OrchardCMS/OrchardCore/tree/main/.agents/skills/orchardcore-display-management into .agents/skills/orchardcore-display-management/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "orchardcore-display-management", 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 OrchardCMS/OrchardCore --skill orchardcore-display-management -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install OrchardCMS/OrchardCore orchardcore-display-management --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/OrchardCMS/OrchardCore.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.agents/skills/orchardcore-display-management .cursor/skills/orchardcore-display-management && 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 "orchardcore-display-management" agent skill from https://github.com/OrchardCMS/OrchardCore/tree/main/.agents/skills/orchardcore-display-management into .cursor/skills/orchardcore-display-management/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "orchardcore-display-management", 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/OrchardCMS/OrchardCore.git --path .agents/skills/orchardcore-display-management--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 OrchardCMS/OrchardCore --skill orchardcore-display-management -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install OrchardCMS/OrchardCore orchardcore-display-management --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/OrchardCMS/OrchardCore.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.agents/skills/orchardcore-display-management .gemini/skills/orchardcore-display-management && 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 "orchardcore-display-management" agent skill from https://github.com/OrchardCMS/OrchardCore/tree/main/.agents/skills/orchardcore-display-management into .gemini/skills/orchardcore-display-management/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "orchardcore-display-management", 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 OrchardCMS/OrchardCore orchardcore-display-managementInstalls 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 OrchardCMS/OrchardCore --skill orchardcore-display-management -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/OrchardCMS/OrchardCore.git skills-src && mkdir -p .github/skills && cp -r skills-src/.agents/skills/orchardcore-display-management .github/skills/orchardcore-display-management && 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 "orchardcore-display-management" agent skill from https://github.com/OrchardCMS/OrchardCore/tree/main/.agents/skills/orchardcore-display-management into .github/skills/orchardcore-display-management/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "orchardcore-display-management", 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 OrchardCMS/OrchardCore --skill orchardcore-display-management -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install OrchardCMS/OrchardCore orchardcore-display-management --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/OrchardCMS/OrchardCore.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.agents/skills/orchardcore-display-management .opencode/skills/orchardcore-display-management && 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 "orchardcore-display-management" agent skill from https://github.com/OrchardCMS/OrchardCore/tree/main/.agents/skills/orchardcore-display-management into .opencode/skills/orchardcore-display-management/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "orchardcore-display-management", 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.
orchardcore-display-managementControls how OrchardCore renders content — placement.json rules, display drivers, shapes, zones, alternates, and editor groupings (tabs/cards/columns).
Orchardcore Display Management is an agent skill from OrchardCMS/OrchardCore. Controls how OrchardCore renders content — placement.json rules, display drivers, shapes, zones, alternates, and editor groupings (tabs/cards/columns). Use when the user needs to position or hide a part/field, move a shape to another zone, add alternates or wrappers, build admin editor layouts, or write a display driver.
Its SKILL.md is about 1.8k tokens, which your agent loads only when the skill is triggered. The skill folder holds 3 other files, including reference files (for example `references/drivers.md` and `references/placement.md`).
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.
6 steps, taken from the step headings in SKILL.md.
Read from SKILL.md and the folder at commit bfbe92f. It shows what the files ask for, not the result of running them.
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.
No scripts in the folder and no shell commands in SKILL.md (its code samples are csharp and json).
From the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md.
From 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.
Orchardcore Display Management loads about 1.8k tokens when it runs, and up to ~4.5k if it reads all its reference files. Until then it costs about 88 tokens; SKILL.md has 599 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 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.
The full file from OrchardCMS/OrchardCore at commit bfbe92f, republished under its BSD-3-Clause licence (© OrchardCMS). 599 words, ~1,846 tokens.
.claude/skills/orchardcore-display-management/SKILL.md (or your agent's skills folder). This skill also uses 2 other files; get the full folder from GitHub.This skill guides you through OrchardCore's display system following project conventions.
OrchardCore renders content by building shapes (dynamic view models) from drivers, then placing each shape into a zone of the layout. Drivers decide what shapes exist and their default location; placement.json overrides where they go, whether they show, and which template renders them.
ContentItem ──drivers──▶ shapes ──placement.json──▶ zones ──templates──▶ HTMLShapeType and Metadata. The shape type (e.g. TextField, Parts_Contents_Publish, ContentPart) selects the template and the placement rule.DisplayDriver / ContentPartDisplayDriver / ContentFieldDisplayDriver. Returns IDisplayResults from Display, Edit, UpdateAsync, each with a default .Location(...).placement.json at the root of a module or theme. Filters shapes and rewrites their location/visibility/template.Content, Header, Footer, Actions, …) or an editor group (tab/card/column).| Want to… | Use |
|---|---|
| Reposition / hide a shape someone else built | placement.json |
| Move a shape to a layout zone | placement.json (place starts with /) |
| Swap the template or add alternates | placement.json (shape / alternates) |
| Lay out the admin editor (tabs/cards/columns) | placement.json groupings |
| Produce a new shape from your part/field | display driver |
| Read/write the editor model | display driver (Edit / UpdateAsync) |
Prefer placement.json for layout — no rebuild needed, theme can override.
The placement property name is the shape type, not the part name. A part without its own driver renders as ContentPart (differentiator = part name). A field renders as its field type (TextField) with differentiator {PartName}-{FieldName}.
See references/placement.md for the full differentiator table.
placement.json{
"TextField": [
{
"differentiator": "Article-Subtitle",
"displayType": "Detail",
"place": "Content:2"
}
]
}Run the site, view the content item. Use ?display debug shapes or the template's shape tracing to confirm the shape type. Wrong type → no rule matches.
| Base class | For |
|---|---|
ContentPartDisplayDriver<TPart> | a content part |
ContentFieldDisplayDriver<TField> | a content field |
SectionDisplayDriver<TModel, TSection> | settings sections |
DisplayDriver<TModel> | anything else |
public sealed class TextFieldDisplayDriver : ContentFieldDisplayDriver<TextField>
{
public override IDisplayResult Display(TextField field, BuildFieldDisplayContext context)
{
return Initialize<DisplayTextFieldViewModel>(GetDisplayShapeType(context), model =>
{
model.Field = field;
model.Part = context.ContentPart;
model.PartFieldDefinition = context.PartFieldDefinition;
})
.Location(OrchardCoreConstants.DisplayType.Detail, "Content")
.Location(OrchardCoreConstants.DisplayType.Summary, "Content");
}
public override IDisplayResult Edit(TextField field, BuildFieldEditorContext context)
{
return Initialize<EditTextFieldViewModel>(GetEditorShapeType(context), model =>
{
model.Field = field;
model.Part = context.ContentPart;
model.PartFieldDefinition = context.PartFieldDefinition;
});
}
public override async Task<IDisplayResult> UpdateAsync(TextField field, UpdateFieldEditorContext context)
{
await context.Updater.TryUpdateModelAsync(field, Prefix, f => f.Text);
return Edit(field, context);
}
}In Startup.cs:
services.AddContentPartDisplayDriver<MyPart, MyPartDisplayDriver>();
// or for a field:
services.AddContentFieldDisplayDriver<TextField, TextFieldDisplayDriver>();See references/drivers.md for shape-type helpers, the fluent .Location API, and registration variants.
| Key | Purpose |
|---|---|
place | Zone:Position. - hides, /Zone targets a layout zone |
displayType | Match Detail, Summary, SummaryAdmin, DetailAdmin, Edit |
differentiator | Distinguish reused shapes (field/part name) |
contentType | Match content type / stereotype (Art* wildcard, or array) |
contentPart | Match content items containing a part |
path | Match request path |
alternates | Add alternate shape types |
wrappers | Wrap the shape in other shapes |
shape | Substitute a different shape type |
before < 0/empty < 1 < 1.1 < 2 < 10 < after. Numeric, not alphabetic. Dot notation inserts between (5.1 is between 5 and 6).
| Modifier | Group | Example |
|---|---|---|
# | Tab | Parts:0#Media;1 |
% | Card | Parts:0%Details;2 |
| | Column | Parts:0|Left_9;1 (_9 = width, ;1 = order) |
;N after a group name = group order. _N after a column name = Bootstrap grid width (12-col).
| Zone | Purpose |
|---|---|
Content | Main content shapes |
Header / Footer | Layout regions |
Actions | Admin list row buttons |
Parts | Editor parts container |
Meta | Metadata block |
ContentPart_Edit with differentiator {ContentType}-{PartName}, not the inner XxxPart_Edit.ContentPart. Summary display of a dynamic part → ContentPart_Summary._Display, differentiator is {Part}-{Field}-{FieldType}_Display__{Mode}.references/placement.md — placement.json filters, differentiators, layout zones, editor groupingsreferences/drivers.md — driver base classes, shape helpers, fluent Location API, registrationsrc/docs/reference/modules/Placement/README.md (repo) — official placement referencesrc/docs/reference/modules/DisplayManagement/README.md (repo) — display management referencesrc/docs/reference/modules/Templates/README.md (repo) — shape differentiators and alternatesAGENTS.md (repo root) — build commands© 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
SKILL.md and 2 other files (references) in .agents/skills/orchardcore-display-management of OrchardCMS/OrchardCore.
Open the folder on GitHubat commit bfbe92f
Orchardcore Display Management 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 |
|---|---|---|---|---|---|---|
| Orchardcore Display Management this skillOrchardCMS/OrchardCore | 8.2k | — | ~1.8k | Automated safety check: Pass | BSD-3-Clause | |
| Control UIopenclaw/openclaw | 392k | — | ~1.8k | Automated safety check: Pass | MIT | |
| Render Blockingthedaviddias/Front-End-Checklist | 74k | — | ~430 | Automated safety check: Pass | MIT | |
| Control UI E2Eopenclaw/openclaw | 392k | — | ~2.9k | Automated safety check: Pass | MIT | |
| RenderLeoYeAI/openclaw-master-skills | 2.2k | — | ~4.8k | Automated safety check: Pass | MIT | |
| Retina Displaythedaviddias/Front-End-Checklist | 74k | — | ~388 | Automated safety check: Pass | MIT |
openclaw/openclaw
Operate and troubleshoot the OpenClaw Control UI: navigate connected clients, organize sessions, build session dashboards, and handle direct or Tailscale-hosted Gateways.
thedaviddias/Front-End-Checklist
A skill your agent uses when auditing slow page loads, heavy assets, or rendering delays related to Eliminate render-blocking resources.
openclaw/openclaw
A skill your agent uses when designing, testing, fixing, or extending the OpenClaw Control UI GUI, including UI stress-test galleries with feedback inputs, Vitest + Playwright end-to-end checks…
LeoYeAI/openclaw-master-skills
Deploy and operate apps on Render (Blueprint + one-click Dashboard deeplink, same flow as Codex render-deploy).
thedaviddias/Front-End-Checklist
A skill your agent uses when reviewing image assets, markup, and CDN or build transforms related to Support high-DPI retina displays.
sickn33/agentic-awesome-skills
Open Markdown reliably in cmux panes and recover from blank rendered surfaces.
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…
OrchardCMS/OrchardCore
Creates and updates OrchardCore admin edit views using the ocat- CSS class conventions.
OrchardCMS/OrchardCore
Builds, watches, and manages frontend assets in OrchardCore.
OrchardCMS/OrchardCore
Creates and updates OrchardCore data migrations (DataMigration classes with CreateAsync/UpdateFromX).
OrchardCMS/OrchardCore
Authors OrchardCore documentation — MkDocs Material pages, module README docs, nav entries, admonitions, tabbed content, and redirects.
OrchardCMS/OrchardCore
Localizes OrchardCore apps — UI strings (IStringLocalizer/IViewLocalizer S, T, H), PO files and pluralization, content translation (LocalizationPart, culture picker), and supported-culture…
Controls how OrchardCore renders content — placement.json rules, display drivers, shapes, zones, alternates, and editor groupings (tabs/cards/columns). Orchardcore Display Management is an agent skill from OrchardCMS/OrchardCore.json rules, display drivers, shapes, zones, alternates, and editor groupings (tabs/cards/columns).
Orchardcore Display Management fits situations like: the user needs to position; hide a part/field; move a shape to another zone; build admin editor layouts.
Run `npx skills add OrchardCMS/OrchardCore --skill orchardcore-display-management -a claude-code`. Or copy the skill folder (.agents/skills/orchardcore-display-management in OrchardCMS/OrchardCore) into .claude/skills/orchardcore-display-management in your project. Claude Code loads it when a task matches its description.
Run `npx skills add OrchardCMS/OrchardCore --skill orchardcore-display-management -a codex`. Or copy the skill folder (.agents/skills/orchardcore-display-management in OrchardCMS/OrchardCore) into .agents/skills/orchardcore-display-management 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 OrchardCMS/OrchardCore --skill orchardcore-display-management -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-display-management, .gemini/skills/orchardcore-display-management, .github/skills/orchardcore-display-management and .opencode/skills/orchardcore-display-management in your project.
SKILL.md names no scripts, command-line tools or credentials: Orchardcore Display Management is instructions for the agent only.
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
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.
Orchardcore Display Management 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.
About 1.8k tokens (SKILL.md is roughly 7.4k 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 2.6k tokens, read only when the agent opens those files.
Skills that share tags, products or a category with Orchardcore Display Management: Control UI (openclaw/openclaw, 392k stars), Render Blocking (thedaviddias/Front-End-Checklist, 74k stars), Control UI E2E (openclaw/openclaw, 392k stars) and Render (LeoYeAI/openclaw-master-skills, 2.2k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
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.