design-elevation

仓库创建 2026年7月25日最近提交 1 天前SkillHot 收录 1 天前
▸ 精选理由

面向多种产物的一键设计细化流程,适合产品/设计交付场景。

这个 Skill 做什么

将功能性视觉产出系统化地升级为专业化设计稿。

把功能型的视觉产出(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.

内容创作设计提升可视化产出抛光通用
0
Stars
0
Forks
40
仓库内 Skill
积累中
7 日增星
安装 / 使用
给你的 Agent 一句话(通用)
帮我安装这个 skill:https://raw.githubusercontent.com/webiscorp/designskill-open/main/skills/design-elevation/SKILL.md
或 curl 直取 SKILL.md
curl -fsSL "https://raw.githubusercontent.com/webiscorp/designskill-open/main/skills/design-elevation/SKILL.md"
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.)
via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有