Design skills

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

figma-from-code-setup-tokens

Subagent for figma-from-code Phase 1. Creates Figma variable collections from the project's CSS and Tailwind tokens, extracts the CSS-variable-to-Figma-variable-ID map, and pre-computes all CSS colors as sRGB values.

116 repo starsObserved in 1 repos
Design

lime-design

Use this skill to generate well-branded interfaces and assets for LIME 萊姆輸入法 (LimeIME) — a free, open-source Traditional-Chinese input method / soft keyboard for Android & iOS — either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and the iOS Settings UI kit components for prototyping.

116 repo starsObserved in 1 repos
Design

beautiful-data-viz

Create publication-quality matplotlib/seaborn charts with readable axes, tight layout, and curated palettes.

115 repo starsObserved in 2 repos
Design

bio-data-visualization-color-palettes

Select colormaps and qualitative palettes for scientific figures using perceptual-uniformity, color-vision-deficiency safety, and luminance-monotonicity criteria. Covers Crameri scientific colormaps, viridis/cividis/magma, Okabe-Ito categorical, ColorBrewer, and the rainbow/jet critique. Use when choosing palettes for heatmaps, scatter, networks, or any encoding where color carries quantitative or categorical meaning.

115 repo starsObserved in 2 repos
Design

bio-data-visualization-flow-and-transition-plots

Build Sankey, alluvial, river, and CONSORT-style flow diagrams to visualize cohort transitions, cell-state changes, or pipeline filtering using ggalluvial, networkD3, plotly, and consort. Use when showing how entities move between categories across timepoints (cell states, drug response classes, patient flow through a trial) or filtering pipelines (variants filtered through QC stages).

115 repo starsObserved in 2 repos
Design

bio-data-visualization-matplotlib-fundamentals

Build publication-quality figures with matplotlib using the object-oriented Figure/Axes API, constrained_layout, rcParams customization, TrueType (Type-42) font embedding for journal submission, and CVD-safe palettes. Covers seaborn integration, common chart types, axis formatting, and the small gotchas that distinguish reproducible matplotlib from notebook scratch. Use when producing publication figures in Python — RNA-seq scatter, single-cell embeddings, generic biological plotting.

115 repo starsObserved in 2 repos
Design

Figure Styling Skills Index

Aesthetic guidelines for scientific figure production. Each style file specifies palettes, typography, layout, and domain-specific sub-styles for a given target venue (NeurIPS, Nature, IEEE, etc.) and figure class (methodology diagram vs. statistical plot). Used by the Graph Maker Team's `illustrator` and `data_plotter` agents.

115 repo starsObserved in 2 repos
Design

AI科幻-设计封面生图提示词

用于【AI科幻】题材下的封面生图提示词设计。作为题材包装层、兼容入口与路由层,负责保留AI科幻入口名、补充数字压迫感、异常数据、人物危险感与平台展示边界,并明确要求优先强制加载并使用 `通用-设计封面生图提示词`。关键词:AI科幻封面提示词、城市压迫、异常数据、平台展示。

115 repo starsObserved in 1 repos
Design

block-and-density

Design urban blocks and optimize density using typological analysis, FAR calculations, and building configuration strategies. Use when the user asks about block dimensions, block layout, density calculations, FAR optimization, building footprint coverage, height-density relationships, block typologies, perimeter block design, courtyard blocks, tower-podium configurations, or massing studies. Also use when the user needs to understand how many units fit on a site, calculate gross vs net density, or optimize a block plan for daylight and privacy.

115 repo starsObserved in 1 repos
Design

masterplan-design

Generate complete urban masterplans with spatial structure, land use distribution, street network, block layout, density strategy, phasing plan, and implementation framework. Use when the user asks to design a masterplan, create an urban layout, develop a neighborhood plan, design a district, plan a new community, lay out a development, structure an urban area, or create a site plan at the urban scale. Also use when the user provides a site and asks for a development proposal, a design concept, or a spatial framework. Handles greenfield, brownfield, and infill development scenarios.

115 repo starsObserved in 1 repos
Design