Design skills

UI language, visual systems, and asset generation for interfaces that need a clear look.

Ads

When to open Design

Choose design listings when the assistant should produce layouts, tokens, or visual assets with a defined style.

Current listings include Nothing Design, Web Asset Generator, UX3 Product Design Harness, and AINDF Screen Author, plus 56 more. Open a skill for the full body, flags, and install command.

What you get from a listing

Design skills cover layouts, tokens, and visual assets. Open a listing when the output needs a stated visual language.

Skills in this category

Design

UX3 Product Design Harness

UX3 Product Design Harness reviews User Flow, Evidence Flow, and Business Flow before product execution. It returns continue, verify, or stop_reframe with explicit boundaries. Free MIT skill with complete schemas, helpers, prompts, templates, and examples. Contact: https://www.linkedin.com/in/cis2042/ .

cis20424d ago

Design

AINDF Screen Author

AINDF Screen Author composes ScreenSpec JSON against pinned component, prop and slot contracts returned by a compatible design-system MCP. It requires an AINDF-enabled design-system bundle and a connected DS-MCP; those are not included in the authoring skill. Missing design-system capabilities become extension requests. Specification validation is separate from build, visual/behavior checks, acceptance and release. Product and setup: https://oleg.design/ai-native-design-framework Source: https://github.com/0design/ai-native-design-framework Original product icon: https://oleg.design/images/aindf/favicon.svg License: MIT.

0design6d ago

Design

ai-headshot-generator-skill

AI headshot generator agent skill for Claude Code, Codex & OpenClaw: turn a casual selfie into a professional headshot with a new background, business attire, and studio lighting for resumes, company sites, and profiles. AI形象照 · AI职业照

beatra-ai4w ago

Design

ai-image-generator-skill

AI image generator agent skill for Claude Code, Codex & OpenClaw: generate, compose, and edit product images, brand visuals, posters, social graphics, illustrations, and photo variations. AI图片生成 · 文生图 · AI修图

beatra-ai4w ago

Design

ai-logo-maker-skill

AI logo maker agent skill for Claude Code, Codex & OpenClaw: turn a brand name, industry, or reference image into logo concepts, brand marks, and app icons with exact brand colors. AI Logo设计 · 品牌标识

beatra-ai4w ago

Design

ai-poster-maker-skill

AI poster maker agent skill for Claude Code, Codex & OpenClaw: turn an event brief, a product photo, or brand references into event posters, promo banners, flyers, and social media graphics with clear hierarchy and text-safe space. AI海报设计 · 活动海报 · 宣传banner

beatra-ai4w ago

Design

ai-voice-cloning-skill

AI voice cloning agent skill for Claude Code, Codex & OpenClaw: create a reusable personal or brand voice from a clean audio sample, name it, and hear it in a short test reading. AI声音克隆 · 专属音色

beatra-ai4w ago

Design

antibes-holiday

Portable relaxed black-pen illustration Agent Skill and Codex plugin.

haorantang974w ago

Design

apple-bento-grid

Agent skill that generates Apple-inspired bento grid presentation cards. For Claude Code, Codex, and any AI coding agent.

hubeiqiao4w ago

Design

claude-design-card

Claude Code skill for generating design cards in 14 formats — platform covers, social sharing cards, and editorial layouts following Anthropic

geekjourneyx4w ago

Design

codex-ppt-skill

GPT-Image-2 PPT Generator Skill for Creating Image-Based PowerPoint Presentations in Codex and Other Skill-Compatible Agents

ningzimu4w ago

Design

dashi-ppt-skill

An AI-agent skill that generates browser-editable presentations from multiple visual themes, exportable to HTML, PDF, and PPTX.

chuspeeism4w ago

Design

dashiAI-ppt-skill

An AI-agent skill that generates browser-editable presentations from multiple visual themes, exportable to HTML, PDF, and PPTX.

chuspeeism4w ago

Design

dembrandt

Extract any website’s design system into tokens in seconds: logo, colors, typography, borders & more. One command.

dembrandt4w ago

Design

generate-ai-presentations-skill

Codex Skill for creating 16:9 presentation images, PPTX decks, image prompts, and slide planning tables.

hsuliang4w ago

Design

guizang-material-illustration

归藏的材质插画 skill:生成带字解释图、图表美化和参考辅助配图。

op74184w ago

Design

guizang-social-card-skill

🪧 Claude Code / Codex skill — generate Xiaohongshu carousels & WeChat 21:9+1:1 cover pairs. Editorial × Swiss visual systems, 28 layouts, 10 themes, single-file HTML → PNG. 小红书图文 + 公众号封面对

op74184w ago

Design

guizang-yingzao-skill

🏯 Claude Code / Codex skill — transform Chinese architecture, cultural places & travel photos into art-directed editorial posters with GPT Image. 中国古建筑与在地文化照片 → 艺术指导海报

op74184w ago

Design

hue

open-source skill that learns any brand and turns it into a complete design system. works on claude code and codex. install once, every UI your assistant builds matches your brand.

dominikmartn4w ago

Design

ian-handdrawn-ppt

中文手绘技术 PPT 整页图像生成 Skill | 21:9 封面 + 16:9 正文配图 | PNG 输出

helloianneo4w ago

Design

ian-xiaohei-illustrations

中文小黑怪诞正文配图生成 Skill | 16:9 白底手绘 | 少量红橙蓝批注 | Codex Skill

helloianneo4w ago

Design

ian-xiaohei-scenes

Xiaohei 2.0 Codex Skill for Chinese real-object article illustrations and long-scroll story images

helloianneo4w ago

Design

illo-skill

illo skill — an AI agent skill that turns ideas and articles into original print-style editorial illustrations, starring a recurring mascot. 30+ characters packs, with ability to create your own.

tmchow4w ago

Design

image-to-css-art

将参考图片离线描摹为纯 HTML + CSS 单文件插画的 Agent 插件,支持轮廓提取、局部渐变与输出审计。

AvroraCL4w ago

Page 1 of 3

Other skill groups

Related and neighboring groups you can open from Design.

Prefer a flat search? Browse all skills. Role files in the same group: Design agents.