Skip to content
Cloud & Infrastructure
Skill

/frontend-integration-yaml

Generate canonical FrontendIntegration YAML from a simplified single-menu authoring model for frontend-forge.

From plugin
kubesphere
17k32 skills

Claude Code

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

SKILL.md

frontend-integration-yaml.SKILL.md
name: frontend-integration-yaml
description: Generate canonical FrontendIntegration YAML from a simplified single-menu authoring model for frontend-forge.

Frontend Integration YAML

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

When to Use

  • generate FrontendIntegration YAML
  • create a quick integration YAML from a CRD
  • create an iframe based FrontendIntegration YAML
  • convert simplified single-menu config into canonical YAML

Do Not Use

  • troubleshooting existing FrontendIntegration resources
  • managing enable/disable/delete lifecycle
  • inspecting JSBundle, Job, controller, or status flows
  • editing manifest generation rules
  • handling multi-menu authoring models

Required Inputs

Ask the user instead of guessing when any of these are missing:

  • `metadata.name`
  • `menu.displayName`
  • `menu.placements[]`
  • at least one page in `pages[]`
  • for `crdTable`: `group`, `version`, `scope`, `names.plural`
  • for `iframe`: `key` and `iframe.src`

Authoring Model

Use the simplified single-menu model as input to the generator:

  • top-level `metadata`
  • top-level `spec` for optional passthrough fields
  • top-level `menu`
  • top-level `pages`

Do not author canonical `spec.menus[]` by hand.

Workflow

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

Rules

  • Treat the generator script as the source of truth.
  • Do not manually reconstruct canonical YAML when the generator is available.
  • Always output canonical `kind: FrontendIntegration`.
  • Always expand `menu.placements[]` into `spec.menus[]`.
  • Always derive `children` from `pages[]`.
  • If any placement is `workspace`, force all `crdTable.scope` values to `Namespaced`.
  • Default `menu.icon` to `GridDuotone` when it is omitted.
  • Do not add runtime-managed metadata unless explicitly requested.

Output

  • Return the generated YAML first, unless explanation is requested.
  • Prefer a single `yaml` code block.
  • After the YAML, always output this exact guidance line:

`FrontendIntegration YAML has been generated. Reply 'apply' to deploy it directly.`

Read more
@kubesphere
Ships withkubesphere

The container platform tailored for Kubernetes multi-cloud, datacenter, and edge management โŽˆ ๐Ÿ–ฅ โ˜๏ธ

Stars on GitHub

Momentum

stars in total
17.1k
Star history of kubesphere/kubesphere on GitHub, a chart by star-history.com

Other skills on kubesphere.

kubeeye

kubeeye

Use when deploying KubeEye for cluster inspection, creating InspectRule/InspectPlan resources, or retrieving inspection results.โ€ฆ

kubesphere-core

kubesphere-core

KubeSphere central controller Skill. Routes to specific Skills based on user requests: multi-cluster managementโ€ฆ

More skills from other plugins.

container

container

Use when running, building, or managing Linux containers on macOS, or when a task involves Docker, docker compose, Lima, Colima,โ€ฆ

@apple@appleInstall Skill
agent-advisor

agent-advisor

Entry point for AI-agent work on AWS: pick a runtime, plan a migration for existing workloads, and build an executable POC โ€” oneโ€ฆ

@aws@awsInstall Skill
agents-sdk
Auto-invoked

agents-sdk

Build, debug, or review Cloudflare Agents SDK applications using the agents package.

cloudflare11d3.2k
@cloudflare@cloudflareInstall Skill

Questions about frontend-integration-yaml.

Which coding agents can use frontend-integration-yaml?
frontend-integration-yaml installs in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI, using each agent's flag shown on this page. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.