Design skills

Browse reusable Agent Skills, each with a clear purpose and practical guidance.

assess-graphical-excellence

Evaluate a data graphic against Edward Tufte's nine criteria, name the chartjunk species present, compute lie factor, compare against VDQI's named-failure catalogue, and return prioritised fixes tagged with the specific Tufte remedy (B1–B7), genre to switch to (C1–C10), and exemplar to emulate. Use whenever someone asks whether a chart is good, what is wrong with a chart, how to clean up or declutter a chart, whether a graphic is misleading, or for any Tufte-style critique of an existing visualization.

267 repo starsObserved in 1 repos
Design

map-systems

将游戏概念拆解为独立系统,映射依赖关系,确定设计优先级,并创建系统索引。

267 repo starsObserved in 1 repos
Design

orchestrate-tufte-vdqi

Router for the Tufte data-visualization toolkit. Use whenever someone has a chart or data-visualization request and you are not sure which Tufte skill to use — it decides between assessing an existing graphic, producing a new one, or fixing a cluttered/misleading one, and chains them when needed.

267 repo starsObserved in 1 repos
Design

render-tufte-chart

Produce a real, publication-ready data graphic (SVG or HTML) that obeys Tufte's principles — minimal ink, range-frame axes, direct labels, honest proportions. Use whenever someone wants to design, build, create, draw, or actually produce a chart the Tufte way, or to rebuild a chart after assessment found problems. This is the only skill in the toolkit that outputs an actual chart file.

267 repo starsObserved in 1 repos
Design

team-level

编排关卡设计团队:level-designer + narrative-director + world-builder + art-director + systems-designer + qa-tester,完成完整的区域/关卡创建。

267 repo starsObserved in 1 repos
Design

font-pairing-suggester

Recommend font combinations for different use cases. Provide Google Fonts alternatives to premium fonts with hierarchy examples.

266 repo starsObserved in 10 repos
Design

color-palette-extractor

Extract color palettes from images, websites, or designs. Identifies dominant colors, generates complementary schemes, and exports in multiple formats (HEX, RGB, HSL, Tailwind, CSS variables). Use when users need color schemes from images, brand colors, or design system palettes.

266 repo starsObserved in 6 repos
Design

ui-ux-audit

Mandatory audit workflow for UI/UX changes that reads current state FIRST, checks for redundancy, respects clean design philosophy, and identifies genuine gaps before implementation. Auto-invoked when user mentions UI, UX, design, layout, homepage, page improvements, visual changes, or interface modifications.

266 repo starsObserved in 4 repos
Design

thumbnail-concept-generator

Generate thumbnail concepts and ideas for YouTube, TikTok, and other video platforms. Creates detailed visual briefs with composition, text, colors, and emotion suggestions. Use when planning thumbnails, improving CTR, or briefing designers.

266 repo starsObserved in 2 repos
Design

infographic-creation

Create beautiful infographics based on the given text content. Use this when users request creating infographics.

266 repo starsObserved in 1 repos
Design