Skills
.Work. You
Rest

jekyll-paper-retemplate

Community

Retheme your Jekyll site to Paper

Design & Creative#typography#theming#accessibility#design system#jekyll#scss tokens#ui interaction states
Authorsweeden-ttu
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps you retheme an existing Jekyll site to match the Paper design system without drifting into inconsistent tokens or inaccessible UI states.

Core Features & Use Cases

  • Token-driven Paper styling: Replaces ad-hoc colors and typography with values derived from the repository DESIGN.md source of truth.
  • Typography and layout alignment: Updates SCSS partials and layout styles to reflect Paper’s hierarchy and surfaces (including Roboto, Montserrat, and PT Mono).
  • Component interaction correctness: Applies Paper expectations for default/hover/focus-visible/active/disabled (plus loading/error where relevant) and verifies WCAG 2.2 AA behavior.
  • Safe Jekyll implementation workflow: Guides a predictable build-and-spot-check loop (SCSS errors, Liquid breakage, key templates) to reduce regressions during migration or redesign.

Quick Start

Use the jekyll-paper-retemplate skill to re-template your Jekyll layouts and styles to the Paper design system by mapping tokens from DESIGN.md into the SCSS files and updating fonts in _layouts/default.html.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: jekyll-paper-retemplate
Download link: https://github.com/sweeden-ttu/profile/archive/main.zip#jekyll-paper-retemplate

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.