القائمة
Create and modify Kirby CMS blueprints (YAML configuration files). Use when defining page structures, fields, sections in app/blueprints/. Handles pages, site, users, and field blueprints.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
Create UI components with Tailwind CSS for this Kirby project. Use when building new visual components, styling elements, or working with the design system. Project uses Tailwind 3.4 with custom variants (hocus, group-hocus).
Create and modify Kirby CMS templates and snippets. Use when working with PHP templates in resources/views/templates/ or snippets in resources/views/snippets/. Handles Kirby's slot system, snippet includes, and template patterns.
Create git commits following GitMoji convention used in this project. Use when committing changes with appropriate emoji prefixes. Reference gitmoji.dev for emoji guide.
استنادا إلى تصنيف SOC المهني
| name | kirby-blueprint |
| description | Create and modify Kirby CMS blueprints (YAML configuration files). Use when defining page structures, fields, sections in app/blueprints/. Handles pages, site, users, and field blueprints. |
Create and modify Kirby CMS blueprints for this project.
app/blueprints/
├── site.yml # Site-wide settings
├── pages/
│ ├── home.yml
│ ├── default.yml
│ ├── error.yml
│ └── legal-notice.yml
├── fields/ # Reusable field definitions
│ ├── cards.yml
│ └── references.yml
└── users/
└── default.yml
title:
en: Page Title
fr: Titre de la page
icon: emoji
columns:
- width: 7/12
icon: text
label: Content
fields:
fieldName:
label: Field Label
type: text
- width: 5/12
fields:
seo: fields/seo/meta
title:
label: Title
type: text
maxlength: 100
description:
label: Description
type: textarea
maxlength: 300
items:
label: Items
type: structure
fields:
name:
label: Name
type: text
width: 1/3
description:
label: Description
type: text
width: 2/3
url:
label: URL
type: url
myField:
extends: fields/references
website:
label: Website
type: url
placeholder: "https://example.com"
email:
label: Email
type: email
navigation:
label: Navigation
type: pages
image:
label: Image
type: files
max: 1
query: page.images
title: Content
options:
changeTitle: true
columns:
left:
width: 1/2
sections:
pages:
label: Pages
status: all
right:
width: 1/2
sections:
global:
type: fields
fields:
email:
label: Email
type: email
linkedin:
label: LinkedIn
type: url
width for field layout (1/2, 1/3, 2/3, etc.)extends: fields/fieldnamelabel: { en: ..., fr: ... }