skills.rest
sweeden-ttu
sweeden-ttuCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

jekyll-ui-web-designer

Generate Jekyll site scaffolds with layouts, includes, and KaTeX, Mermaid, and Reveal.js assets.

Updated Dec 10, 2025
Search Tags:#templates#mermaid#ui-design#jekyll#static-site#revealjs#katex
One-click install
npx skills add https://github.com/sweeden-ttu/canvas-lms-mcp --skill jekyll-ui-web-designer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: jekyll-ui-web-designer
Source: https://github.com/sweeden-ttu/canvas-lms-mcp/tree/main/.cursor/skills/jekyll-ui-web-designer
Command: npx skills add https://github.com/sweeden-ttu/canvas-lms-mcp --skill jekyll-ui-web-designer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Clean, accessible UI scaffolds for Jekyll and other static site builders, enabling rapid creation of consistent layouts, components, and content structures.

Core Features & Use Cases

  • Layout scaffolding: _layouts with default.html, page.html, post.html, slides.html
  • Reusable includes and navigation: _includes, _data/nav.yml
  • Asset framework: assets with CSS/JS initializers for KaTeX, Mermaid, Reveal.js
  • Content conventions: outlined patterns for pages, posts, and slides
  • Slide-ready decks: Slides directory with Reveal.js decks

Quick Start

Run the Jekyll UI Designer workflow to generate the recommended project structure, including layouts, includes, data nav, assets, and a slides deck.

Frequently Asked Questions about jekyll-ui-web-designer

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

FAQPage Schema
How do I scaffold Jekyll UI layouts for a static site?▼

Scaffolding Jekyll UI layouts generates a complete project skeleton with _layouts, _includes, _data/nav.yml, and assets, providing consistent page and post structures for static sites.

Can I add Reveal.js slide decks to a Jekyll site?▼

Yes, you can add Reveal.js slide decks to a Jekyll site by generating a dedicated slides directory and a slides.html layout equipped with the necessary asset initializers.

How do I integrate KaTeX and Mermaid into Jekyll pages?▼

Integrating KaTeX and Mermaid into Jekyll pages uses generated asset frameworks containing CSS and JavaScript initializers, enabling mathematical typesetting and diagram rendering directly in layouts.

Do I need existing layouts to build a Jekyll static blog with this scaffolder?▼

No, you do not need existing layouts; the scaffolder creates a full project skeleton from scratch, including default, page, and post layouts, along with reusable includes and navigation data.

What's the best way to create consistent navigation for GitHub Pages?▼

Creating consistent navigation for GitHub Pages involves generating a centralized _data/nav.yml file and reusable _includes, ensuring uniform site structure across all statically generated pages.

Related Skills

Explore More Design & Creative Skills→
ovineyoviney
1

Jekyll Development Workflow

Automate the end-to-end Jekyll development workflow for blog maintenance.

Community
Advanced
mohamednegm0mohamednegm0

blog-audit

Audit markdown blog collections for quality, orphan pages, and SEO metrics.

Community
Advanced
alexandereiseghohialexandereiseghohi

markdown-to-html

Convert Markdown documents to HTML using marked.js, pandoc, or Go parsers.

Community
Intermediate
Baphomet480Baphomet480

hugo-sveltia-cms

Scaffold Hugo sites with Sveltia CMS and Basecoat UI.

Community
Advanced