Design skills

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

gsd:sketch

Sketch UI/design ideas with throwaway HTML mockups, or propose what to sketch next (frontier mode)

3.18k repo starsObserved in 5 repos
Design

gsd:ui-phase

Generate UI design contract (UI-SPEC.md) for frontend phases

3.18k repo starsObserved in 4 repos
Design

ios-hig-design-guide

Build, update, and apply iOS design specifications using Apple Human Interface Guidelines (HIG) source data. Use when a task asks for iOS UI/UX rules, Apple design standards, component behavior, accessibility constraints, interaction patterns, or feature-level design-spec writing grounded in official HIG pages.

3.18k repo starsObserved in 2 repos
Design

oiloil-ui-ux-guide

Modern, clean UI/UX guidance + review skill. Use when you need actionable UX/UI recommendations, design principles, or a design review checklist for new features or existing systems (web/app). Focus on CRAP (Contrast/Repetition/Alignment/Proximity) plus task-first UX, information architecture, feedback & system status, consistency, affordances, error prevention/recovery, and cognitive load. Enforce a modern minimal style (clean, spacious, typography-led), reduce unnecessary copy, forbid emoji as icons, and recommend intuitive refined icons from a consistent icon set.

3.18k repo starsObserved in 2 repos
Design

theme-factory

Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.

3.18k repo starsObserved in 1 repos
Design

aiox-ux-design-expert

UX/UI Designer & Design System Architect (Uma). Complete design workflow - user research, wireframes, design systems, token extraction, component building, and quality assurance Triggers: UX, UI design, wireframe, design system, accessibility, ux-design-expert, @ux-design-expert, component design. Use when the user...

3.04k repo starsObserved in 1 repos
Design

aaPanel Site Design

Design a website's UI spec and author a complete static front-end (HTML/CSS/JS) — the model picks a style, fetches the UI spec, and writes clean static pages. The artifact is a static file set under the project dir (draft → generated). Use it to: design a website / landing page / portfolio / official site / business site / personal site / company homepage / brand site. Scope: UI design + static front-end ONLY (HTML/CSS/JS). Available in website-type sessions via the Skills tool (chat_type=website). NOT for: WordPress (use WordPress, empty/bare sites, deploying user-supplied source code, or any non-UI panel task — these are refused with a pointer to a chat session (this skill never exits the website session).

3.02k repo starsObserved in 1 repos
Design

graph-colorize

Color-code the Obsidian graph view by rewriting `.obsidian/graph.json` colorGroups. Use this skill when the user says "color my graph", "color code obsidian", "colorize the graph", "color the graph by tag", "color by category", "highlight visibility in graph", "make the graph colorful", "distinguish tags in graph", or wants nodes in Obsidian's graph view tinted by tag, folder, or visibility. Generates a `colorGroups` array from the vault's actual tags/categories and merges it into the existing graph.json without clobbering other graph settings. Always backs up first.

2.87k repo starsObserved in 2 repos
Design

geospatial-viz-guide

Create maps, choropleths, and spatial data visualizations for research

2.87k repo starsObserved in 5 repos
Design