Design skills

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

design-review-panel

Run a multi-agent design review on a UI surface — capture reproducible baseline screenshots, then rate them with a panel of design experts (one agent per craft dimension) and, optionally, a panel of user personas with different cognitive styles. Iterate implement → re-screenshot → re-rate until every panel hits a numeric target (e.g. avg ≥8/10). Use when polishing or redesigning a screen/modal/dialog and the user wants grounded, scored design feedback ("summon the design panel", "rate this with the experts", "run the persona panel").

1.15k repo starsObserved in 1 repos
Design

shadcn-customization

Shadcn/ui theming and component customization — CSS variables, OKLCH colors, dark mode, variants, wrappers. Load for any ticket involving colors, theme, UI layout, or component styling.

1.14k repo starsObserved in 4 repos
Design

data-viz-plots

Publication-quality matplotlib/seaborn plots: scatter, heatmap, violin, bar, line, multi-panel figures. Works with ANY LLM provider.

1.14k repo starsObserved in 3 repos
Design

cli-design

Design patterns and conventions for the vm0 CLI user experience

1.14k repo starsObserved in 1 repos
Design

scientific-visualization

Publication-quality chart patterns for agentsociety-analysis Stage 4 refine — Okabe-Ito palettes, seaborn CI bands, small multiples, error bars, grayscale-safe encoding. Use when writing run-code chart scripts or reviewing chart QA failures.

1.13k repo starsObserved in 1 repos
Design

xxd-accessible-color

Check and repair Chinese traditional color combinations for readability and accessibility. Use when a user asks whether text, buttons, UI states, charts, light mode, dark mode, or traditional color palettes meet contrast and non-color-cue requirements.

1.12k repo starsObserved in 1 repos
Design

xxd-brand-system

Build a reusable brand color system from Chinese traditional colors. Use when a user needs brand palette governance, color rules, identity consistency, usage ratios, forbidden combinations, cross-channel guidance, or long-term visual rules based on Chinese traditional colors.

1.12k repo starsObserved in 1 repos
Design

xxd-color-brief

Turn vague visual direction into a practical Chinese traditional color brief. Use when a user has mood words, client feedback, audience positioning, references, or an unclear Chinese traditional color direction that must become palette constraints before choosing colors.

1.12k repo starsObserved in 1 repos
Design

xxd-content-series

Design reusable Chinese traditional color systems for content series. Use when a user needs color rules for Xiaohongshu covers, WeChat articles, video thumbnails, course slides, newsletters, recurring columns, editorial series, carousels, or multi-part content that must stay recognizable over time.

1.12k repo starsObserved in 1 repos
Design

xxd-data-viz

Create chart and data visualization palettes from Chinese traditional colors. Use when a user needs categorical, sequential, diverging, highlight, dashboard, map, ECharts, D3, Chart.js, or colorblind-aware data palettes with Chinese traditional color identity.

1.12k repo starsObserved in 1 repos
Design