design-elevation

Transform functional visual outputs into polished designs across PPTX, PDF, HTML, dashboards, and reports.

47|4|Updated Mar 19, 2026
One-click install
npx skills add https://github.com/cuellarfr/design-skills --skill design-elevation
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-elevation
Source: https://github.com/cuellarfr/design-skills/tree/main/design-elevation
Command: npx skills add https://github.com/cuellarfr/design-skills --skill design-elevation

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Comprehensive system to transform functional visual outputs into polished, professional designs across presentations, dashboards, documents, and web artifacts. It standardizes decisions using Tailwind design tokens and Alla Kholmatova's framework, ensuring outputs feel hand-crafted rather than templated.

Core Features & Use Cases

  • Systematic elevation protocol: maps functional outputs to perceptual patterns, tokens, and grid systems.
  • Multi-format coverage: applies to PPTX, PDF, HTML, dashboards, reports, and data visualizations.
  • On-demand references & templates: leverages references/grid-systems.md, elevation protocol, and technique catalogs to elevate output quality.

Quick Start

Provide the target output type and a brief prompt, and I will perform a design-elevation pass to craft a polished result.

Frequently Asked Questions about design-elevation

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

FAQPage Schema
How do I transform functional HTML or PDF outputs into polished, hand-crafted designs?

To transform functional outputs into hand-crafted designs, apply a systematic elevation protocol mapping content to Tailwind design tokens and grid systems. This ensures presentations, dashboards, and reports feel professionally crafted rather than templated.

What is the best way to standardize design decisions across PPTX, PDF, and dashboard formats?

Standardize design decisions across formats by applying Tailwind design tokens alongside Alla Kholmatova's functional and perceptual patterns. This framework structures both content and feel, ensuring visual consistency across diverse output types.

How do I apply Tailwind design tokens to elevate data visualizations and reports?

Apply Tailwind design tokens to data visualizations by referencing an elevation protocol and technique catalogs. This maps functional visual outputs to structured grid systems, yielding polished and consistent report designs.

Can I use grid systems and design tokens to improve presentations without making them look templated?

Yes, you can use grid systems and design tokens to improve presentations without a templated look. By leveraging functional vs perceptual patterns and technique catalogs, the design elevation process ensures outputs maintain a hand-crafted feel.

What do I need to provide to start a design-elevation pass on a dashboard?

To start a design-elevation pass on a dashboard, provide the target output type and a brief prompt. The system then applies the elevation protocol, grid systems, and technique catalogs to generate a polished result.