skills.rest
astoeffer
astoefferCOMMUNITY
Explore all skills by this author →
GitHub

zero-one-patterns-reference

Reference UIkit components and Zero One theme variables for Kirby CMS templates.

Updated Aug 27, 2026
Search Tags:#documentation#ui-patterns#zero-one#kirby#uikit
One-click install
npx skills add https://github.com/astoeffer/plugin-marketplace --skill zero-one-patterns-reference
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: zero-one-patterns-reference
Source: https://github.com/astoeffer/plugin-marketplace/tree/main/plugins/cloodle-kirby-dev/skills/zero-one-patterns/reference.md
Command: npx skills add https://github.com/astoeffer/plugin-marketplace --skill zero-one-patterns-reference

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Documentation of Zero One UI patterns and Kirby theme patterns for consistent design.

Core Features & Use Cases

  • UIkit Components: Descriptions and examples for containers, cards, and buttons.
  • Theme Customization: Guidance on Zero One theme variable overrides.
  • Templates: Snippet and template usage examples.

Quick Start

Use the patterns as a reference when building Kirby UI components and pages.

Frequently Asked Questions about zero-one-patterns-reference

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build UI components with UIkit in Kirby CMS?▼

UIkit-based components like containers, cards, and buttons are documented with examples in this reference. Use UIkit 3 classes and Zero One variable overrides to style responsive components within Kirby templates.

What are Zero One theme variables and how do I customize them?▼

Zero One theme variables control design consistency across Kirby frontends. This reference guides you through variable overrides and component customizations to adapt the theme to your design requirements.

Can I use UIkit patterns with Kirby's block-driven templates?▼

Yes. This reference provides PHP-based template patterns, snippet examples, and block rendering guidance for integrating UIkit components into Kirby's block-driven page builders and custom templates.

How do I structure header and footer snippets in a Kirby theme?▼

Kirby template patterns include reusable header and footer snippet examples. This reference shows how to organize these snippets within your theme structure for consistent layout across pages.

Where do I find documented UI patterns for consistent Kirby design?▼

This reference documents Zero One UI patterns and Kirby theme patterns to maintain design consistency. It covers UIkit components, theme customization, and template usage as a single source of truth.

Related Skills

Explore More Design & Creative Skills→
Higashi-KotaHigashi-Kota

ui-theme

Generate CSS variables and Tailwind theme from JSON design tokens.

Community
Intermediate
pytagoraspublishingpytagoraspublishing

book

Manage LaTeX book structures via CLI for parts, chapters, sections, and appendices.

Official
Advanced
twarogowskitwarogowski
2

api-development

Create and modify Elysia API routes with t schema validation and auth guards.

Community
Intermediate
shige1014-devshige1014-dev

tailwind-design-system

Build Tailwind CSS v4 design systems with @theme tokens and CVA variants.

Community
Advanced