skills.rest
Christos-Hadjinikolis
Christos-HadjinikolisCOMMUNITY
Explore all skills by this author →
Website𝕏@chatzinikolisGitHub

site-design-review

Diagnose visual design issues in Jekyll websites and propose a redesign direction.

3|Updated Dec 13, 2019
Search Tags:#typography#design system#jekyll#visual hierarchy#sass#ui critique#site redesign
One-click install
npx skills add https://github.com/Christos-Hadjinikolis/Christos-Hadjinikolis.github.io --skill site-design-review
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: site-design-review
Source: https://github.com/Christos-Hadjinikolis/Christos-Hadjinikolis.github.io/tree/main/.codex/skills/site-design-review
Command: npx skills add https://github.com/Christos-Hadjinikolis/Christos-Hadjinikolis.github.io --skill site-design-review

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps you find and fix visual design issues in a Jekyll website so the site looks coherent, modern, and intentional instead of generic or template-driven.

Core Features & Use Cases

  • Design critique for the whole site system: Evaluates homepage hierarchy, typography, spacing rhythm, navigation clarity, color coherence, iconography, imagery, and consistency across pages/sections.
  • Redesign guidance with actionable outcomes: Surfaces the top 3–5 visual problems, explains why each matters, and proposes one coherent redesign direction rather than scattered tweaks.
  • Repo-aware focus: Uses the theme Sass layer (notably _sass/jekyll-theme-prologue.scss) plus layouts/includes and content under content/ as the evaluation surface, while explicitly excluding _internal and .codex from output.

Quick Start

Use the site-design-review skill to review your Jekyll homepage and theme styling, identify the top visual problems, and propose one unified redesign direction that feels more distinctive and modern.

Frequently Asked Questions about site-design-review

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

FAQPage Schema
How do I critique the visual hierarchy and typography of my Jekyll site?▼

To critique visual hierarchy and typography in a Jekyll site, evaluate the theme Sass files and layout includes to diagnose spacing rhythm and navigation clarity, then prioritize the top visual problems for a coherent redesign direction.

What is the best way to plan a Jekyll site redesign for a more modern look?▼

The best way to plan a Jekyll site redesign is to review homepage structure and blog presentation against the theme Sass, identifying 3 to 5 key consistency issues to establish a single coherent visual direction.

Can I use Sass to fix spacing and navigation consistency problems across Jekyll layouts?▼

Yes, you can use Sass to fix spacing and navigation consistency by analyzing the theme stylesheet, notably files like jekyll-theme-prologue.scss, alongside layout includes to align section styling and improve visual coherence.

Does a Jekyll visual design review require analyzing layout includes and content sources?▼

A Jekyll visual design review requires analyzing layout includes and content sources to accurately diagnose credibility and modernity issues, ensuring the proposed redesign direction aligns with the actual site structure.

Why does my Jekyll homepage look generic instead of having editorial distinctiveness?▼

Your Jekyll homepage looks generic when visual hierarchy, typography, and spacing lack intentional design, requiring a systematic critique of the theme Sass and layouts to propose a unified, editorially distinctive redesign direction.

Related Skills

Explore More Design & Creative Skills→
sweeden-ttusweeden-ttu

jekyll-article-generator

Generate Jekyll articles with front matter for the jekyll-TeXt-theme.

Community
Intermediate
ShareXShareX
309

design-ui-window

Redesign Avalonia .axaml views with standardized layout, typography, and styling.

Official
Advanced
aymenhamoudiiaymenhamoudii

arrange

Diagnose monotonous spacing and weak visual rhythm in UI compositions.

Community
Intermediate
channgchanng
20

docsify

Generate static documentation websites from markdown files with sidebar navigation.

Community
Basic