Individual skill
design-elevation
Comprehensive design elevation system that automatically transforms functional visual outputs into polished, professional designs. Use when creating ANY visual output including presentations (pptx), spreadsheets (xlsx), dashboards, reports, HTML artifacts, PDFs, web pages, or data visualizations. Applies systematic design thinking grounded in Tailwind CSS as the canonical design token system. Structures decisions through functional patterns (what users interact with) and perceptual patterns (how the design feels), following Alla Kholmatova's design systems framework. Triggers on ALL requests for visual content creation, ensuring outputs look hand-crafted rather than template-based.
skills/design-elevation/SKILL.md
Source commit 7e25e66e87f64f9d3dea22198f9e29937e7c48f5
What was checked
- Matches the observed repository HEAD
- Yes
- Scanner rules are current
- Yes
- Repository scan complete
- No
- Skill scan complete
- No
- Observed behavior
- Instructions only
- Last checked
- Nov 11, 2026
These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.
Install this skill
Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.
An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.
Repository context
- Repository stars (not skill ratings)
- 123
- Repository last updated
- Sep 30, 2026
- License
- MIT
Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.
- accessibility Repository topic
- claude Repository topic
- claude-code Repository topic
- claude-skills Repository topic
- codex Repository topic
- cursor Repository topic
- design Repository topic
- design-critique Repository topic
- journeymap Repository topic
- ux-design Repository topic
- design Derived category
- writing Derived category
- data Derived category
Files and excerpt
File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.
Browse files
SKILL.mdcore · 10,794 bytesSKILL.mdcore · 10,794 bytesreferences/carbon-design-system.mddoc · 18,403 bytesreferences/color-systems.mddoc · 10,920 bytesreferences/data-visualization.mddoc · 17,799 bytesreferences/design-exemplars.mddoc · 12,165 bytesreferences/design-interrogation.mddoc · 7,490 bytesreferences/elevation-protocol.mddoc · 10,112 bytesreferences/grid-systems.mddoc · 9,108 bytesreferences/lightning-design-system.mddoc · 39,502 bytesreferences/polaris-design-system.mddoc · 41,023 bytesreferences/spacing-systems.mddoc · 9,906 bytesreferences/spectrum-design-system.mddoc · 32,546 bytesreferences/technique-catalog.mddoc · 11,665 bytesreferences/typography-scales.mddoc · 7,944 bytes
Read excerpt
# Design Elevation System
This skill transforms functional visual outputs into polished, professional designs by applying systematic design thinking and refinement protocols.
## Design Philosophy
Follow Alla Kholmatova's design systems framework: every design decision is either a **functional pattern** (what users interact with — structure, layout, components) or a **perceptual pattern** (how it feels — color, typography, spacing, motion). Both layers must be intentional.
### Canonical Design Tokens: Tailwind CSS
All design decisions should map to **Tailwind CSS** as the shared design language. This means:
- Colors from Tailwind's palette (gray, blue, emerald, amber, rose, violet, etc.)
- Spacing from Tailwind's scale (1 = 0.25rem/4px, 2 = 0.5rem/8px, 4 = 1rem/16px, etc.)
- Typography from Tailwind's type scale (text-xs through text-9xl)