design-elevation
面向多种产物的一键设计细化流程,适合产品/设计交付场景。
将功能性视觉产出系统化地升级为专业化设计稿。
把功能型的视觉产出(PPT、表格、仪表盘、报告、网页、数据可视化等)系统性升级成看起来更专业的设计稿,既梳理结构也精细化视觉质感。在需要把原型变成可交付的展示物、或希望输出看起来不像模板拼凑时使用,支持把 Tailwind CSS 作为设计 token 系统。特别在于按“功能模式”和“感知模式”拆解决策,遵循 Alla Kholmatova 的设计系统方法,让输出显得手工打磨而非套模板。
▸ 展开 SKILL.md 英文原文
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.
帮我安装这个 skill:https://raw.githubusercontent.com/webiscorp/designskill-open/main/skills/design-elevation/SKILL.mdcurl -fsSL "https://raw.githubusercontent.com/webiscorp/designskill-open/main/skills/design-elevation/SKILL.md"# 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.)