design-ref

Codify slide deck design quality criteria for color, typography, layout, and contrast.

Updated Aug 27, 2026

Search Tags:#design #design-principles #slide-design #quality-rubric #css-contract #slide-validation #review-flags

Ready to run

npx skills add https://github.com/mikeparcewski/wicked-prezzie --skill design-ref

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: design-ref
Source: https://github.com/mikeparcewski/wicked-prezzie/tree/main/skills/design-ref
Command: npx skills add https://github.com/mikeparcewski/wicked-prezzie --skill design-ref

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Reference-only knowledge base for slide design, providing design principles, a quality rubric, CSS contracts, and a REVIEW flag system. It cannot take action and should be used to guide generation, validation, or pptx-builder workflows.

Use when: "design rules", "quality rubric", "CSS zone naming", "REVIEW flags", "what are the design principles", "how does the CSS contract work"

Core Features & Use Cases

Comprehensive references: design-principles.md, quality-rubric.md, css-contract.md, and related docs to inform slide design decisions.
Validation guidance: rules and criteria to audit color, typography, layout, contrast, whitespace, and element alignment.
REVIEW-ready context: flags and hints to surface human judgment where needed.

Quick Start

Browse the references to inform design decisions and validate outputs against the established standards.

Frequently Asked Questions about design-ref

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

FAQPage Schema

What design principles should I follow for consistent slide decks?▼

Slide design principles cover color, typography, layout, contrast, and visual hierarchy across decks, sections, and slides. This reference aggregates these rules to guide generation and validation workflows for consistent presentations.

How do I validate slide quality using a design rubric?▼

You validate slide quality by auditing color, typography, layout, contrast, whitespace, and element alignment against established criteria. This quality rubric provides scoring and conformance checks to review and critique slide outputs.

How does a CSS contract work for slide design validation?▼

A CSS contract defines zone naming and conformance rules for slide layouts. It works by establishing strict styling boundaries that validation workflows check against, ensuring generated slides maintain consistent structural and visual standards.

Can I use design references to automate slide review workflows?▼

Yes, these design references support review workflows by providing REVIEW flags and hints. They surface human judgment where needed, enabling automated validation pipelines to flag slides requiring manual critique.

What are REVIEW flags in slide design and validation?▼

REVIEW flags are markers in the design reference system that highlight areas requiring human judgment during slide validation. They surface specific design criteria issues, guiding manual critique where automated conformance checks need oversight.

Are there limitations to using reference-only design rules for slides?▼

Yes, this reference-only knowledge base cannot take action or directly modify slides. It is designed to inform design decisions and validate outputs, meaning it must guide external generation or pptx-builder workflows rather than execute changes.