Can I customize theme colors and fonts?

Absolutely. The skill includes specific patterns for overriding SCSS variables like global background colors, border radii, and typography settings.

What is the Zero One theme?

Zero One is a professional theme for Kirby CMS designed for high performance and seamless integration with the UIkit 3 frontend framework.

How does this skill integrate with Kirby CMS templates?

It provides PHP snippets compatible with Kirby's snippet and block systems, ensuring that UIkit components render correctly within the Kirby lifecycle.

Do I need UIkit installed to use these patterns?

Yes, these patterns are specifically engineered for projects that utilize the UIkit 3 framework as their primary CSS foundation.

Zero One Theme & UIkit Patterns

Name: Zero One Theme & UIkit Patterns
Author: astoeffer

byastoeffer

Design Tools

Accelerates Kirby CMS frontend development using UIkit 3 patterns and Zero One theme customization snippets.

About

This skill streamlines the creation of responsive, high-quality frontends for Kirby CMS by providing specialized patterns for the Zero One theme and UIkit 3 framework. It equips developers with ready-to-use snippets for common UI components—such as grids, cards, and forms—alongside SCSS variable definitions for rapid theme branding. By integrating these patterns directly into the Claude Code workflow, developers can efficiently build production-ready layouts while maintaining structural consistency across Kirby templates.

Key Features

Zero One theme SCSS variable customization snippets
Pre-configured UIkit 3 layout grid patterns
Kirby CMS template snippets and block-to-HTML patterns
Responsive UI component library for cards and forms
Standardized frontend implementation workflows
0 GitHub stars

Use Cases

Rapidly prototyping responsive layouts using UIkit grid systems
Customizing the visual identity and branding of a Zero One-based Kirby site
Implementing consistent UI components across multiple Kirby template files

About

Key Features

Zero One theme SCSS variable customization snippets
Pre-configured UIkit 3 layout grid patterns
Kirby CMS template snippets and block-to-HTML patterns
Responsive UI component library for cards and forms
Standardized frontend implementation workflows
0 GitHub stars

Use Cases

Rapidly prototyping responsive layouts using UIkit grid systems
Customizing the visual identity and branding of a Zero One-based Kirby site
Implementing consistent UI components across multiple Kirby template files