kirby-kui-create-component

Community

Streamline Kirby component scaffolding effortlessly.

Authorcubachatou
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill simplifies the process of creating new Kirby UI components by automating the generation of blueprint, Twig templates, SCSS, JS, and registration code, reducing manual setup time.

Core Features & Use Cases

  • Component Scaffold Generation: Automatically creates all necessary files for a new Kirby block component following established patterns.
  • Blueprint and Template Setup: Ensures consistency in blueprints, Twig snippets, styles, and scripts aligned with project standards.
  • Use Case: A developer requests a new contact card component; this Skill generates the complete file structure and code templates ready for customization.

Quick Start

Ask this Skill to scaffold a new component named 'tabs' with variants 'simple' and 'with-icons', and fields defining the main content structure.

Dependency Matrix

Required Modules

None required

Components

scriptsreferencesassets

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: kirby-kui-create-component
Download link: https://github.com/cubachatou/kirby-twig-ui-lib/archive/main.zip#kirby-kui-create-component

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.