Agent skill
kirby-panel-and-blueprints
Designs Kirby blueprints and Panel UI, including blueprint reuse/extends, programmable blueprints, and custom Panel fields/sections/areas. Use when changing the Panel experience or schema.
Install this agent skill to your Project
npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/other/kirby-panel-and-blueprints-bnomei-kirby-mcp
SKILL.md
Kirby Panel and Blueprints
KB entry points
kirby://kb/scenarios/06-blueprints-reuse-extendskirby://kb/scenarios/19-programmable-blueprintskirby://kb/scenarios/53-panel-first-custom-fieldkirby://kb/scenarios/54-panel-first-custom-sectionkirby://kb/panel/reference-fieldskirby://kb/panel/panel-bundling-decisions
Required inputs
- Content model and required fields.
- Panel UX (tabs/sections/layout) and validation rules.
- Whether to extend an existing blueprint.
Minimal blueprint skeleton
title: Example
status:
draft: true
listed: true
fields:
title:
type: text
text:
type: textarea
Extends example
extends: pages/default
Common pitfalls
- Duplicating fields instead of using
extends. - Implementing Panel UI logic in templates instead of blueprints or plugins.
Workflow
- Clarify the content model, required fields, and Panel UX expectations.
- Call
kirby:kirby_initand readkirby://roots. - Inspect existing blueprints and patterns:
kirby:kirby_blueprints_indexkirby:kirby_blueprint_read
- Use Panel reference resources for field/section choices:
kirby://fieldskirby://sections
- Check plugin surface when custom Panel UI is needed:
kirby:kirby_plugins_indexkirby://extensions
- Search the KB with
kirby:kirby_search(examples: "blueprints reuse extends", "programmable blueprints", "custom panel field", "custom panel section", "panel branding"). - Implement minimal, convention-aligned YAML/PHP; prefer
extendsand shared sections over duplication. - Validate by re-reading the blueprint (
kirby:kirby_blueprint_read) and verifying frontend output withkirby:kirby_render_pagewhen relevant.
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
Didn't find tool you were looking for?