Design skills

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

baoyu-cover-image

Generates article cover images with 5 dimensions (type, palette, rendering, text, mood) combining 11 color palettes and 7 rendering styles. Supports cinematic (2.35:1), widescreen (16:9), and square (1:1) aspects. Use when user asks to "generate cover image", "create article cover", or "make cover".

23.67k repo starsObserved in 12 repos
Design

baoyu-xhs-images

Generates infographic image card series with 12 visual styles, 8 layouts, and 3 color palettes. Breaks content into 1-10 cartoon-style image cards optimized for social media engagement. Use when user mentions "小红书图片", "小红书种草", "小绿书", "微信图文", "微信贴图", "image cards", "图片卡片", baoyu-xhs-images, or wants social media infographic series.

23.67k repo starsObserved in 12 repos
Design

ce-polish

Start the dev server, inspect the feature in browser, and iterate on polish.

23.22k repo starsObserved in 2 repos
Design

huashu-design

花叔Design——用HTML做高保真原型、幻灯片、动画、可视化与专家评审。任何新设计100%先出三个方向初稿给用户选(指定风格/品牌也不豁免),选定后才执行。触发词:做原型、PPT、幻灯片、动画、设计风格、评审、做个HTML页面、UI mockup、导出MP4/GIF、做个好看的。生产级Web App/需后端的系统不适用。

21.74k repo starsObserved in 2 repos
Design

accessibility

Accessibility guidance for Kibana. Use this skill when working with or reviewing EUI components, resolving a11y-related (@elastic/eui) ESLint issues, and ensuring proper use of ARIA attributes, focus management, keyboard interactions, and accessible naming conventions.

21.18k repo starsObserved in 1 repos
Design

diagram-generation

Generate self-contained HTML architecture diagrams. Use when creating visual diagrams for PRs, task plans, or architectural explanations.

20.62k repo starsObserved in 2 repos
Design

icons

Generate New UI icons for the IntelliJ Platform. Use when creating, editing, or reviewing SVG icons for the New UI — action icons (16×16), tree-node icons (16×16), tool-window icons (16×16 + 20×20), main-toolbar icons (20×20), editor-gutter icons (12×12 / 14×14), status-bar icons, and other system icons. Produces a light and a `_dark` variant that share geometry and use the canonical New UI palette so the icons theme correctly in both themes.

20.36k repo starsObserved in 1 repos
Design

ui-accessibility

Accessibility review guidance for any UI that appears in IntelliJ-based IDEs, including platform UI, product UI, and plugin UI across all UI stacks. Use when creating, editing, or reviewing UI components, dialogs, settings panels, tool windows, popups, forms, custom components, keyboard navigation, focus behavior, labels/names/descriptions, validation, dynamic feedback, color contrast, scaling, or screen reader support.

20.36k repo starsObserved in 1 repos
Design

brand-guidelines

Applies official Kortix colors, type, and layout from kortix.com to decks, docs, slides, and other artifacts. Use when matching brand visuals, formatting deliverables, or checking work against company design standards.

19.97k repo starsObserved in 1 repos
Design

design-foundations

Artifact-agnostic design guidance — works for CSS, PowerPoint, matplotlib, PDF, or any visual output. Also includes a curated catalog of named font/color themes for slides, docs, and reports (non-web assets).

19.97k repo starsObserved in 1 repos
Design