Paper Theme Design System

Name: Paper Theme Design System
Rating: 90 (1 reviews)
Author: aimeos

Trust Score 90/100

Design-system guidance for a paper-textured, print-inspired theme: tokens, components, accessibility rules, and QA for consistent frontend implementation.

triggers:paper themedesign systemtokensaccessibilitycomponent rulespico css

GitHub SKILL.md

What it does

Provides an authoritative design-system guideline for the 'Paper' theme: visual tokens, typography, component anatomy, accessibility requirements (WCAG 2.2 AA), and a QA checklist. It prescribes tokens, spacing, responsive breakpoints, component behaviors, and explicit do/don't rules to ensure consistent implementation across the theme.

When to use it

Use this skill when building or reviewing frontend components for the Paper theme — creating new pages, converting existing layouts, or enforcing accessibility and visual consistency in code reviews. Also useful when generating theme-specific component code or documentation.

What's included

Scripts: none bundled with the theme (has_scripts=false)
References: none embedded in the SKILL.md (has_references=false)
Instructions: detailed token values, typography scales, component rules, accessibility acceptance criteria, authoring workflow, and example constraint language for enforceable rules.

Compatible agents

Useful for agents assisting frontend devs and designers, or generating CSS/HTML from design tokens. Works with agents that produce code or human-readable guidance (Copilot, Codex, ChatGPT-style assistants).

Audit Summary

Design-system guidance skill for a paper-textured, print-inspired frontend theme. No scripts — purely a SKILL.md providing token definitions, component rules, accessibility criteria, and anti-patterns. Well-structured with clear do/don't rules, quality gates, and required output structure. Niche audience: developers working specifically with the Paper theme on the Pagible/Aimeos platform.

Watch Out

No scripts to validate — purely static guidance
Tightly coupled to Pico CSS custom properties (--pico-*)

Notes

No security concerns — no scripts, no network calls, no credentials. SKILL.md is well-organized with frontmatter, clear sections, and concrete token values. Usefulness is limited to a specific theme/platform ecosystem.

Information

Repository: pagible
Stars: 528
Installs: 0

Trust Score

Overall90

Security100

Code Quality82

Architecture78

Usefulness45

More from pagible

Clean Theme Design System

Opinionated, accessibility-focused design system for the 'Clean' theme: minimal visuals, defined tokens, component rules, and a QA checklist to ensure consisten

Related Skills

Scientific Schematics & Diagrams

Generate publication-quality scientific diagrams via AI with iterative quality review and smart regeneration for journal, conference, poster, and presentation o

Clerk Vue Patterns

Vue 3 integration patterns for Clerk: composables, router guards, and Pinia auth store integration.

Colorize (Strategic UI Color)

Introduce purposeful color into monochromatic or dull interfaces to improve hierarchy, meaning, and emotional warmth while preserving accessibility.

OpenTestAI

Automated, high-confidence AI testing: bug detection, persona feedback, and prioritized test-case generation using many specialized tester profiles.

Cognitive Accessibility Specialist

Audits content, forms and authentication flows for cognitive accessibility (WCAG 2.2 / COGA) and gives prioritized remediation and plain-language guidance.

Agent Browser — Core

Core usage guide for agent-browser: snapshot-and-ref browser automation to navigate pages, interact with elements, extract data, take screenshots, manage sessio

React Development Expert

Provides authoritative React guidance on hooks, state patterns, Server Components, performance optimization, and common architectural patterns.

Office & Design Toolkit

Comprehensive toolkit for processing and producing DOCX, PPTX, XLSX and PDF files plus design guidance and quality checks for professional office documents and

Back to Skills