skills.rest
jsirish
jsirishCOMMUNITY
Explore all skills by this author →
Website𝕏@jsirishGitHub

element-templates

Design custom element template compositions with structured YAML syntax.

1|Updated May 12, 2026
Search Tags:#YAML#website development#template design#elemental#Silverstripe
One-click install
npx skills add https://github.com/jsirish/silverstripe-skills --skill element-templates-jsirish
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: element-templates
Source: https://github.com/jsirish/silverstripe-skills/tree/main/skills/element-templates
Command: npx skills add https://github.com/jsirish/silverstripe-skills --skill element-templates-jsirish

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides the essential tools for creating unique, purposeful templates for Silverstripe Essentials websites, reducing the time and complexity of custom template design.

Core Features & Use Cases

  • Template Composition: Design multi-element YAML compositions for templates.
  • Element Palette: Offers a curated set of elements to create consistent page sections.
  • Grid System: Utilizes Bootstrap 12-column grid for responsive design.
  • Use Case: For developers creating or editing templates for the Essentials demo library or building custom websites with Essential components.

Quick Start

Create a new template using the 'element-templates' skill to define a custom YAML composition.

Frequently Asked Questions about element-templates

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

FAQPage Schema
How do I design custom element templates for a Silverstripe Essentials website?▼

Template composition in Silverstripe Essentials uses structured YAML syntax to define custom page sections. It provides a curated element palette and a Bootstrap 12-column grid to create responsive designs within the CMS environment.

How do I create responsive page sections using YAML in a Silverstripe CMS?▼

You create responsive page sections by defining multi-element compositions in YAML. The system utilizes a Bootstrap 12-column grid, ensuring your custom designs adapt responsively across devices within the Essentials demo library.

Does the element-templates skill require specific dependencies for Silverstripe website development?▼

No specific dependencies are required to use the element-templates skill for Silverstripe website development. It operates independently to provide a curated set of elements for building custom templates.

What is the best way to structure multi-element compositions for Silverstripe Essentials?▼

The best way to structure multi-element compositions for Silverstripe Essentials is by using structured YAML syntax. This method reduces the time and complexity of custom template design by applying consistent design patterns.

Can I use Bootstrap grid layouts when building custom templates with this YAML structure?▼

Yes, you can use Bootstrap grid layouts when building custom templates. The YAML composition system utilizes a Bootstrap 12-column grid to ensure your page sections are responsive and visually appealing.

Why use YAML syntax for template design in a Silverstripe CMS environment?▼

You use YAML syntax for template design in a Silverstripe CMS to effortlessly compose purposeful page sections. It allows developers to leverage a curated element palette, reducing custom design complexity.

Related Skills

Explore More Design & Creative Skills→
jsirishjsirish
1

silverstripe-essentials-website

Reference Silverstripe Essentials architecture, Elemental Blocks, and configuration patterns.

Community
Advanced
ArnavPuriArnavPuri
3

layout-composition

Generate CSS code for Grid, Flexbox, and Bento grid layouts.

Community
Intermediate
jsirishjsirish
1

block-to-element-migration

Migrate SilverStripe Blocks to Elemental with PHP and SQL.

Community
Advanced
jsirishjsirish
1

essentials-theme

Create and customize Silverstripe CMS Essentials subthemes with CSS and Bootstrap variable overrides.

Community
Intermediate