Design skills

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

ux-principal

Principal UX architect skill for planning UI features before implementation. Reads and maintains docs/ux manifests, classifies the feature, decides placement, navigation, action hierarchy, design-token roles, accessibility, states, responsive behavior, and produces a precise implementation brief without coding unless explicitly asked.

224 repo starsObserved in 1 repos
Design

ads generate

AI image generation for paid ad creatives. Reads campaign-brief.md and brand-profile.json to produce platform-sized ad images using Gemini (default) or a configured provider. Requires GOOGLE_API_KEY or ADS_IMAGE_PROVIDER + matching key. Triggers on: "generate ads", "create images", "make ad creatives", "generate visuals", "create ad images", "generate campaign images", "make the images", "generate from brief"

223 repo starsObserved in 1 repos
Design

component-theme

Edit or add component theme classes and styles for base and carbon variants. Use when changing component appearance, Tailwind classes, theme tokens, Divider/Button themes, or files matching *.theme.ts.

223 repo starsObserved in 1 repos
Design

mviz

A chart & report builder for AI. Use when the user asks to show, display, render, or visualize data as a chart (bar, line, pie, scatter, area, bubble, histogram, etc.), a table, KPI, big number, dashboard, report, sparkline, heatmap, sankey, funnel, calendar, waterfall, or any composed data visualization. Generates compact markdown specs that render either inline (via visualize:show_widget) or as standalone HTML files (via the mviz CLI).

223 repo starsObserved in 1 repos
Design

ui-audit

UI audit for hierarchy, accessibility, and UX.

223 repo starsObserved in 1 repos
Design

article-to-wechat-cover

从飞书文档或本地 Markdown 提炼文章主题与风格,调用 OpenRouter 的 Nano Banana / Gemini Flash Image 生成 2.35:1 的微信公众号封面图,并可选上传为微信封面素材。

222 repo starsObserved in 1 repos
Design

article-to-wechat-cover-ark-plan

从飞书文档提取主题,调用 Ark Plan 原生 Seedream 生成 2.35:1 公众号封面图,支持自动插入文档或上传公众号

222 repo starsObserved in 1 repos
Design

c4-diagrams

Creates C4 architecture diagrams for designing, documenting, or understanding software architecture. Use when working through system design, mapping existing codebases, or visualizing structure at any level from system landscape down to code.

222 repo starsObserved in 1 repos
Design

gpt-image-2-handdrawn-diagram

Use when generating high-readability hand-drawn knowledge diagrams, architecture diagrams, workflow maps, or consulting-style visual explanations with GPT-Image-2 via image_generate.

222 repo starsObserved in 1 repos
Design

gpt-image-2-paper-ppt-images

Use when generating PPT-style image slides, poetic presentation covers, quiet paper-texture visual pages, report pages, invitations, social cards, or slide-image sets with GPT-Image-2 via image_generate.

222 repo starsObserved in 1 repos
Design