Agent skill

FrontendIntegration YAML Generator

Generates canonical FrontendIntegration YAML for frontend-forge from a simplified single-menu model, using a bundled generator script instead of hand-written YAML.

Custom licenceAuto-check passedDevOps & Cloud

Install FrontendIntegration YAML Generator

skills CLI

$ npx skills add kubesphere/kubesphere --skill frontend-integration-yaml -a claude-code

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

GitHub CLI

$ gh skill install kubesphere/kubesphere frontend-integration-yaml --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/kubesphere/kubesphere.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/frontend-integration-yaml .claude/skills/frontend-integration-yaml && 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 "frontend-integration-yaml" agent skill from https://github.com/kubesphere/kubesphere/tree/master/skills/frontend-integration-yaml into .claude/skills/frontend-integration-yaml/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "frontend-integration-yaml", 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/kubesphere/kubesphere/tree/master/skills/frontend-integration-yaml

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 kubesphere/kubesphere --skill frontend-integration-yaml -a codex

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

GitHub CLI

$ gh skill install kubesphere/kubesphere frontend-integration-yaml --agent codex

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

Manual copy

$ git clone --depth 1 https://github.com/kubesphere/kubesphere.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/frontend-integration-yaml .agents/skills/frontend-integration-yaml && 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 "frontend-integration-yaml" agent skill from https://github.com/kubesphere/kubesphere/tree/master/skills/frontend-integration-yaml into .agents/skills/frontend-integration-yaml/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "frontend-integration-yaml", 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 kubesphere/kubesphere --skill frontend-integration-yaml -a cursor

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

GitHub CLI

$ gh skill install kubesphere/kubesphere frontend-integration-yaml --agent cursor

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

Manual copy

$ git clone --depth 1 https://github.com/kubesphere/kubesphere.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/frontend-integration-yaml .cursor/skills/frontend-integration-yaml && 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 "frontend-integration-yaml" agent skill from https://github.com/kubesphere/kubesphere/tree/master/skills/frontend-integration-yaml into .cursor/skills/frontend-integration-yaml/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "frontend-integration-yaml", 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/kubesphere/kubesphere.git --path skills/frontend-integration-yaml

--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 kubesphere/kubesphere --skill frontend-integration-yaml -a gemini-cli

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

GitHub CLI

$ gh skill install kubesphere/kubesphere frontend-integration-yaml --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/kubesphere/kubesphere.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/frontend-integration-yaml .gemini/skills/frontend-integration-yaml && 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 "frontend-integration-yaml" agent skill from https://github.com/kubesphere/kubesphere/tree/master/skills/frontend-integration-yaml into .gemini/skills/frontend-integration-yaml/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "frontend-integration-yaml", 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 kubesphere/kubesphere frontend-integration-yaml

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 kubesphere/kubesphere --skill frontend-integration-yaml -a github-copilot

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

Manual copy

$ git clone --depth 1 https://github.com/kubesphere/kubesphere.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/frontend-integration-yaml .github/skills/frontend-integration-yaml && 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 "frontend-integration-yaml" agent skill from https://github.com/kubesphere/kubesphere/tree/master/skills/frontend-integration-yaml into .github/skills/frontend-integration-yaml/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "frontend-integration-yaml", 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 kubesphere/kubesphere --skill frontend-integration-yaml -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 kubesphere/kubesphere frontend-integration-yaml --agent opencode

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

Manual copy

$ git clone --depth 1 https://github.com/kubesphere/kubesphere.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/frontend-integration-yaml .opencode/skills/frontend-integration-yaml && 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 "frontend-integration-yaml" agent skill from https://github.com/kubesphere/kubesphere/tree/master/skills/frontend-integration-yaml into .opencode/skills/frontend-integration-yaml/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "frontend-integration-yaml", 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: frontend-integration-yaml
GitHub stars: 17k
Token cost: ~570 tokens
SKILL.md length: 264 words
Files: 4 (incl. scripts, references)
Skills in repo: 32
Repo updated: Jul 15, 2026
First seen: Oct 7, 2026
Licence: Custom licence

At a glance

Generates canonical FrontendIntegration YAML for frontend-forge from a simplified single-menu model, using a bundled generator script instead of hand-written YAML.

Works in 5 steps: Extract the simplified authoring model. → Fill only safe defaults. → Keep the model in single-menu form. → …
Generating FrontendIntegration YAML from a simple menu and page description
SKILL.md covers When to Use, Do Not Use, Required Inputs and Authoring Model, plus 3 more sections
Runs Python scripts from its folder

What it does

The agent turns a simplified authoring model into submit-ready `FrontendIntegration` YAML. The model has top-level metadata, optional spec passthrough fields, one menu and one or more pages, and the agent runs `scripts/generate_frontend_integration.py` rather than writing canonical `spec.menus[]` by hand. It asks you instead of guessing when required inputs are missing: the name, menu display name, placements, at least one page, the group, version, scope and plural name for a CRD table, or the key and source URL for an iframe page.

The generator is the source of truth. It expands menu placements into menus, derives children from pages, forces CRD table scope to Namespaced when any placement is workspace, and defaults the menu icon to GridDuotone. Runtime-managed metadata is added only on request. The YAML comes back first in a single code block, followed by a fixed line telling you to reply apply to deploy it. Troubleshooting existing resources, lifecycle management and multi-menu models are out of scope.

When your agent uses it

Generating FrontendIntegration YAML from a simple menu and page description
Creating a quick integration YAML from a CRD
Creating an iframe-based FrontendIntegration YAML
Converting a single-menu config into canonical YAML

Example prompts

“Generate a FrontendIntegration YAML for a menu called Reports with one iframe page.”
“Create a quick integration YAML from this CRD and place it under the workspace menu.”
“Convert my single-menu config into canonical FrontendIntegration YAML.”

Requirements

A way to run `scripts/generate_frontend_integration.py`

Workflow steps

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

Extract the simplified authoring model.
Fill only safe defaults.
Keep the model in single-menu form.
Run scripts/generate_frontend_integration.py.
Return the generated canonical YAML.

What it can do on your machine

Read from SKILL.md and the folder at commit 04a29b5. 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
Ships 1 file in scripts/ (Python), which the agent can run.
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
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

FrontendIntegration YAML Generator loads about 570 tokens when it runs, and up to ~2.2k if it reads all its reference files. Until then it costs about 34 tokens; SKILL.md has 264 words of instructions outside code blocks.

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

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); the scripts in this folder are not scanned.

SKILL.md

Its licence (Custom licence) doesn't allow us to republish the file, so here is its outline and opening line. It has 264 words (~570 tokens).

“Generate submit-ready FrontendIntegration YAML from a simplified authoring model with one menu and one or more pages.”

— opening of SKILL.md by kubesphere, Custom licence

name: frontend-integration-yaml

Read the full SKILL.md on GitHub

Files

SKILL.md and 3 other files (scripts, references) in skills/frontend-integration-yaml of kubesphere/kubesphere.

SKILL.md
agents/openai.yaml
references/frontend-integration-yaml.md
scripts/generate_frontend_integration.py

Open the folder on GitHubat commit 04a29b5

Compare with similar skills

FrontendIntegration YAML Generator 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.

FrontendIntegration YAML Generator compared with similar skills
Skill	Stars	Used in	Tokens	Auto-check	Licence	Repo updated
FrontendIntegration YAML Generator this skillkubesphere/kubesphere	17k	—	~570	Automated safety check: Pass	Custom licence	2 mo ago
Kubeshark Installerkubeshark/kubeshark	12k	—	~3.6k	Automated safety check: Notes	Apache-2.0	yesterday
Sim Helmsimstudioai/sim	30k	—	~2.2k	Automated safety check: Pass	Apache-2.0	today
Helm Chart ScaffoldingCybereason-Public/owLSM	280	13 repos	~381	Automated safety check: Pass	GPL-2.0	yesterday
Kubeshark KFL2 Filter Referencekubeshark/kubeshark	12k	—	~3.6k	Automated safety check: Pass	Apache-2.0	yesterday
Nginx To Higress Migrationhigress-group/higress	9.5k	—	~3.9k	Automated safety check: Pass	Apache-2.0	yesterday

Similar skills

Kubeshark Installer
kubeshark/kubeshark
Installs and configures Kubeshark on a Kubernetes cluster, choosing between the quick CLI path and a Helm install with custom values.
12k GitHub stars~3.6k tokensUpdated yesterday
DevOps & CloudAuto-check: notes
Sim Helm
simstudioai/sim
Install, upgrade, and operate the Sim Helm chart on Kubernetes.
30k GitHub stars~2.2k tokensUpdated today
DevOps & CloudAuto-check passed
Helm Chart Scaffolding
Cybereason-Public/owLSM
Comprehensive guidance for creating, organizing, and managing Helm charts for packaging and deploying Kubernetes applications.
280 GitHub starsUsed in 13 repos~381 tokens
DevOps & CloudAuto-check passed
Kubeshark KFL2 Filter Reference
kubeshark/kubeshark
Syntax reference for KFL2, the CEL-based display filter language used to search Kubernetes network traffic captured by Kubeshark, loaded before any filter is written.
12k GitHub stars~3.6k tokensUpdated yesterday
DevOps & CloudAuto-check passed
Nginx To Higress Migration
higress-group/higress
Migrate from ingress-nginx to Higress in Kubernetes environments.
9.5k GitHub stars~3.9k tokensUpdated yesterday
DevOps & CloudAuto-check passed
Senior DevOps Toolkit
maslennikov-ig/claude-code-orchestrator-kit
Comprehensive DevOps skill for CI/CD, infrastructure automation, containerization, and cloud platforms (AWS, GCP, Azure). Includes pipeline setup…
260 GitHub starsUsed in 6 repos~1.1k tokens
DevOps & CloudAuto-check: notes

Questions about FrontendIntegration YAML Generator

What does FrontendIntegration YAML Generator do?

Generates canonical FrontendIntegration YAML for frontend-forge from a simplified single-menu model, using a bundled generator script instead of hand-written YAML. The agent turns a simplified authoring model into submit-ready `FrontendIntegration` YAML.menus[]` by hand.

When should I use FrontendIntegration YAML Generator?

FrontendIntegration YAML Generator fits situations like: generating FrontendIntegration YAML from a simple menu and page description; creating a quick integration YAML from a CRD; creating an iframe-based FrontendIntegration YAML; converting a single-menu config into canonical YAML.

How do I install FrontendIntegration YAML Generator in Claude Code?

Run `npx skills add kubesphere/kubesphere --skill frontend-integration-yaml -a claude-code`. Or copy the skill folder (skills/frontend-integration-yaml in kubesphere/kubesphere) into .claude/skills/frontend-integration-yaml in your project. Claude Code loads it when a task matches its description.

How do I install FrontendIntegration YAML Generator in Codex?

Run `npx skills add kubesphere/kubesphere --skill frontend-integration-yaml -a codex`. Or copy the skill folder (skills/frontend-integration-yaml in kubesphere/kubesphere) into .agents/skills/frontend-integration-yaml in your project. Codex loads it when a task matches its description.

Can I use FrontendIntegration YAML Generator 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 kubesphere/kubesphere --skill frontend-integration-yaml -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/frontend-integration-yaml, .gemini/skills/frontend-integration-yaml, .github/skills/frontend-integration-yaml and .opencode/skills/frontend-integration-yaml in your project.

What does FrontendIntegration YAML Generator need to run?

Going by SKILL.md and its folder, FrontendIntegration YAML Generator needs Python for the scripts in its folder. Our summary lists: A way to run `scripts/generate_frontend_integration.py`.

Does FrontendIntegration YAML Generator access the network?

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.

Is FrontendIntegration YAML Generator 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. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.

What licence does FrontendIntegration YAML Generator use?

FrontendIntegration YAML Generator has a licence file (the repository's licence) that doesn't match a standard licence. Read it on GitHub before reusing the skill.

How many tokens does FrontendIntegration YAML Generator use?

About 570 tokens (SKILL.md is roughly 2.3k 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 1.7k tokens, read only when the agent opens those files.

What are the alternatives to FrontendIntegration YAML Generator?

Skills that share tags, products or a category with FrontendIntegration YAML Generator: Kubeshark Installer (kubeshark/kubeshark, 12k stars), Sim Helm (simstudioai/sim, 30k stars), Helm Chart Scaffolding (Cybereason-Public/owLSM, 280 stars) and Kubeshark KFL2 Filter Reference (kubeshark/kubeshark, 12k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains FrontendIntegration YAML Generator?

kubesphere (a GitHub organization) maintains it in kubesphere/kubesphere, which has 17,057 GitHub stars. The repository holds 32 skills in this directory. The repository was last updated on July 15, 2026.

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

FrontendIntegration YAML Generator

Install FrontendIntegration YAML Generator

Facts

At a glance

What it does

When your agent uses it

Example prompts

Requirements

Workflow steps

What it can do on your machine

Tool permissions

Runs code

Network

Credentials

Context cost

Safety

SKILL.md

Files

Compare with similar skills

Similar skills

Kubeshark Installer

Sim Helm

Helm Chart Scaffolding

Kubeshark KFL2 Filter Reference

Nginx To Higress Migration

Senior DevOps Toolkit

More from kubesphere/kubesphere

KubeSphere Multi-Tenant Management

KubeSphere ServiceMesh Manager

KubeEye Cluster Inspection

KubeSphere NodeGroup Operations

WizTelemetry Platform Service

Frontend Forge Extension Operations

Questions about FrontendIntegration YAML Generator

Install FrontendIntegration YAML Generator

Facts

At a glance

What it does

When your agent uses it

Example prompts

Requirements

Workflow steps

What it can do on your machine

Tool permissions

Runs code

Network

Credentials

Context cost

Safety

SKILL.md

Files

Compare with similar skills

Similar skills

More from kubesphere/kubesphere

Related

Questions about FrontendIntegration YAML Generator