Design skills

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

blog-image

AI image generation and editing for blog content powered by Gemini via MCP. Claude acts as Creative Director - interpreting intent, selecting domain expertise, constructing optimized 6-component prompts (Subject + Action + Context + Composition + Lighting + Style), and orchestrating Gemini for blog-quality results. Generates hero images, inline illustrations, social preview cards, and OG images. Edits existing blog images. Supports 6 blog-optimized domain modes (Editorial, Product, Landscape, UI/Web, Infographic, Abstract). Works standalone via /blog image or internally from blog-write and blog-rewrite workflows. Falls back gracefully when MCP is not configured. Use when user says "blog image", "generate hero image", "blog illustration", "social card", "generate blog image", "edit blog image", "image generate", "blog cover image", "inline image", "OG image".

1.39k repo starsObserved in 8 repos
Design
GitHub

chart_guide

Guidance for data visualisation and chart creation.

1.37k repo starsObserved in 1 repos
Design
GitHub

design_creator

Structured workflow for creating professional designs — slide decks, documents, landing pages, app mockups, and motion storyboards.

1.37k repo starsObserved in 1 repos
Design
GitHub

designer_guide

Guidance for creating and editing designs using the designer tool.

1.37k repo starsObserved in 1 repos
Design
GitHub

rexui-shapes-and-states

Use this skill when building RexUI visual skins, shape backgrounds, roundRectangle, ninePatch, ninePatch2, QuadShape, triangle, customShapes, imageBox, lazyLoadImageBox, circleMaskImage, alphaMaskImage, statesImage, statesText, statesBitmapText, statesRoundRectangle, statesNinePatch, statesNineSlice, statesBarRectangle, circularProgress, lineProgress, roundRectangleProgress, customProgress, aioSpinner, canvas, chart, cover, fullWindowRectangle, or fullWindowZone. Triggers on: RexUI skin, RexUI state, RexUI shape, statesImage, statesRoundRectangle, roundRectangle, ninePatch, progress, imageBox.

1.33k repo starsObserved in 1 repos
Design
GitHub

design-consultation

Design consultation: understands your product, researches the landscape, proposes a complete design system (aesthetic, typography, color, layout, spacing, motion), and generates font+color preview pages. Creates DESIGN.md as your project's design source of truth. For existing sites, use /plan-design-review to infer the system instead. Use when asked to "design system", "brand guidelines", or "create DESIGN.md". Proactively suggest when starting a new project's UI with no existing design system or DESIGN.md. (gstack)

1.33k repo starsObserved in 1 repos
Design
GitHub

plan-design-review

Designer's eye plan review — interactive, like CEO and Eng review. Rates each design dimension 0-10, explains what would make it a 10, then fixes the plan to get there. Works in plan mode. For live site visual audits, use /design-review. Use when asked to "review the design plan" or "design critique". Proactively suggest when the user has a plan with UI/UX components that should be reviewed before implementation. (gstack)

1.33k repo starsObserved in 1 repos
Design
GitHub

formulare-checkout-kontrast-farbe-native-apps

Wenn es um Formulare, Checkout, E-Commerce in Barrierefreiheit Web Checker geht: prüft Frist, Form, Zuständigkeit, Rechtsweg und Sofortmaßnahmen; liefert eine Fristen- und Risikoampel mit Sofortschritten.

1.33k repo starsObserved in 1 repos
Design
GitHub

kontrast-farbe-motion-responsive

Wenn es um Kontrast, Farbe, Motion, Responsive in Barrierefreiheit Web Checker geht: ordnet Sachverhalt, Norm, Beweislast, Gegenargumente und nächsten Schritt; liefert ein direkt nutzbares Arbeitsprodukt mit Prüfpunkten, Risiken und nächstem Schritt.

1.33k repo starsObserved in 1 repos
Design
GitHub

look-feel-matter-file

Wenn es um Corporate-Cowork-Look — Design und Ausgabestandard in Corporate-Kanzlei geht: prüft Frist, Form, Zuständigkeit, Rechtsweg und Sofortmaßnahmen; liefert eine Fristen- und Risikoampel mit Sofortschritten. Auswahlstichwort: Look Feel Matter File; Arbeitsfeld: Corporate-Kanzlei.

1.33k repo starsObserved in 1 repos
Design
GitHub