Design skills

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

megamenu

Use when you need to display a large number of links in a single menu.

221 repo starsObserved in 1 repos
Design

navigation-menu

Use when you need to organize and structure site navigation.

221 repo starsObserved in 1 repos
Design

sidebar

Use when you need to organize and structure site navigation.

221 repo starsObserved in 1 repos
Design

tree-view

Use when you need to display hierarchical data structures.

221 repo starsObserved in 1 repos
Design

ux-patterns

Use when choosing, comparing, or implementing UX patterns across the UX Patterns for Developers corpus.

221 repo starsObserved in 1 repos
Design

plotnine

plotnine static visualization (ggplot2 syntax for Python). Geoms, aesthetics, scales, coordinates, facets, themes. Use for static publication-quality figures with grammar-of-graphics syntax. For interactive charts use plotly; for maps use geopandas.

220 repo starsObserved in 5 repos
Design

ios-hig

Use when designing iOS interfaces, implementing accessibility (VoiceOver, Dynamic Type), handling dark mode, ensuring adequate touch targets, providing animation/haptic feedback, or requesting user permissions. Apple Human Interface Guidelines for iOS compliance.

220 repo starsObserved in 4 repos
Design

rednote-card-generator

Use when you need to generate Xiaohongshu (小红书 / RedNote) carousel card HTML layouts. Given a piece of text content, this skill produces a complete, self-contained HTML document containing multiple vertical 450×600px cards styled for the RedNote / Xiaohongshu platform.

220 repo starsObserved in 3 repos
Design

app-icon

Generate a premium, vibrant, dimensional iOS + Android app icon for an Expo / React Native app with AI image generation, then post-process it to App Store / Play specs. Use for "create my app icon", "generate the iOS icon", "redo the app logo", "make the launcher icon". Works with ANY image-generation tool (Codex `image_gen`, `gemini-cli` Nano Banana, gpt-image, …).

220 repo starsObserved in 2 repos
Design

co-design

Only to be triggered by explicit /co-design commands. Parallel task executor that routes frontend/design tasks to Claude CLI print mode for superior design output.

220 repo starsObserved in 1 repos
Design