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/ .
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.
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职业照
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修图
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设计 · 品牌标识
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
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声音克隆 · 专属音色
Design
antibes-holiday
Portable relaxed black-pen illustration Agent Skill and Codex plugin.
Design
apple-bento-grid
Agent skill that generates Apple-inspired bento grid presentation cards. For Claude Code, Codex, and any AI coding agent.
Design
claude-design-card
Claude Code skill for generating design cards in 14 formats — platform covers, social sharing cards, and editorial layouts following Anthropic
Design
codex-ppt-skill
GPT-Image-2 PPT Generator Skill for Creating Image-Based PowerPoint Presentations in Codex and Other Skill-Compatible Agents
Design
dashi-ppt-skill
An AI-agent skill that generates browser-editable presentations from multiple visual themes, exportable to HTML, PDF, and PPTX.
Design
dashiAI-ppt-skill
An AI-agent skill that generates browser-editable presentations from multiple visual themes, exportable to HTML, PDF, and PPTX.
Design
dembrandt
Extract any website’s design system into tokens in seconds: logo, colors, typography, borders & more. One command.
Design
generate-ai-presentations-skill
Codex Skill for creating 16:9 presentation images, PPTX decks, image prompts, and slide planning tables.
Design
guizang-material-illustration
归藏的材质插画 skill:生成带字解释图、图表美化和参考辅助配图。
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. 小红书图文 + 公众号封面对
Design
guizang-yingzao-skill
🏯 Claude Code / Codex skill — transform Chinese architecture, cultural places & travel photos into art-directed editorial posters with GPT Image. 中国古建筑与在地文化照片 → 艺术指导海报
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.
Design
ian-handdrawn-ppt
中文手绘技术 PPT 整页图像生成 Skill | 21:9 封面 + 16:9 正文配图 | PNG 输出
Design
ian-xiaohei-illustrations
中文小黑怪诞正文配图生成 Skill | 16:9 白底手绘 | 少量红橙蓝批注 | Codex Skill
Design
ian-xiaohei-scenes
Xiaohei 2.0 Codex Skill for Chinese real-object article illustrations and long-scroll story images
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.
Design
image-to-css-art
将参考图片离线描摹为纯 HTML + CSS 单文件插画的 Agent 插件,支持轮廓提取、局部渐变与输出审计。
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.