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
lecture-to-notes
Lecture recordings → structured grounded notes + a synced HTML viewer: video, timestamped transcript and curated summary on one page. Local GPU pipeline (Whisper ASR · slide extraction · OCR · VLM signals · capture-time alignment). Claude Code skill + plain CLI.
Design
logo-design-skill
A comprehensive logo-design skill for Claude, Gemini CLI, Codex and other AI agents: principles, process, SVG craft, testing tools and a 1,400+ logo reference library.
Design
medical-illustration
面向 Codex、Claude Code 等 AI Agent 的医学绘图 Skill，基于可信证据制作医学插画、科普漫画与科研示意图，提供可编辑成果与审核记录。 · Evidence-backed medical illustration, comics and research figures for Codex, Claude Code and other AI agents, with editable output and review records.
Design
mono-color-skill
One-ink editorial print image skill — warm paper, halftone photography, active negative space, and restrained typography.
Design
photo-abstract-editorial
Turn photos into source-faithful editorial artworks with an Agent Skill — adaptive layouts, controlled abstraction, and a Strict Fidelity composition path.
Design
plan-it
Turn a fuzzy idea into a buildable delivery package — discovery → spec → agile split, with a frozen CONTRACT and a binding Test Contract per epic. The planning front-end to /fable-it.
Design
ppt-agent-skill
🎨 World-class AI presentation generator · 26 styles · 18 charts · benchmarked against Linear/Anthropic/Stripe/Apple/NYT — a Claude Code Skill that turns one sentence into design-agency-quality decks (HTML + editable PPTX)
Design
qiaomu-design
偏执型设计顾问：反 AI 味设计 + 风格试衣间 + 58 站设计系统库的 Claude Code Skill | Opinionated design advisor for Claude Code: anti-generic UI, style fitting room, 58 real-site design systems.
Design
Readme.skill
Turn your local Claude Code / Codex CLI history into a shareable, anonymized AI-Native developer profile + viral SVG poster. A skill, not a script — 100% local & read-only.
Design
ru-text
Russian text quality for AI agents — neuroslop cleanup, typography, information style, editorial standards, UX writing, business correspondence. Scores text 0–10. 2,000+ linguistic atoms.
Design
slideops
Turn a repository into a slide deck that tells you when it stops matching the code
Design
slides_maker
Turn papers, code, and docs into presentation-ready, natively editable PPTX in Codex / Claude Code. Native charts and equations, speaker notes, click-build animations, and an independent critic review before delivery.
Design
speaker
Speaker is a Codex skill project for academic presentations: read real.pptx, combine text extraction, PPTX structure parsing, page-by-page rendering, OCR, and visual review to generate page-by-page speaker notes, and write a clean version of the lecture into the PowerPoint comment area.
Design
spotkit
Spotkit — a Claude Code skill that turns a feature description into minimal, abstract SVG product illustrations that all belong to one design system.
Design
store-screenshots
🖼️ AI agent skill for Claude Code & Codex — turns raw app screenshots into store-ready App Store & Google Play marketing images: device frames (iPhone·iPad·Galaxy·Fold·Flip), app-matched backgrounds, marketing copy, exact store sizes. 앱스토어·플레이스토어 마케팅 스크린샷 자동 생성
Design
universal-examprep-skill
Last-night exam-cram coach as a Claude Agent Skill: turns your slides, notes and past papers into a chaptered knowledge base + quiz bank, teaches only what's in your materials, and never fabricates (measured 100% out-of-scope abstention). Bilingual EN/中文 — the 期末极速备考 skill.
Design
wechat-article-cover-skill
WeChat article cover agent skill for Claude Code, Codex & OpenClaw: turn an article title, topic, or reference image into an Official Account cover, article hero image, or supporting visual with headline-safe space. 公众号封面生成 · 文章首图 · 推文封面
Design
word-format-skill
Claude Code skill: replicate a reference Word (.docx) typography onto new content via HTML bridge — browser render → clipboard → Word paste. Append-mode preserves page setup / styles / theme / headers 100%. macOS only.
Design
xiaohu-ip-studio
开源中文配图技能 + IP 角色库:用「挑认知锚点→现编隐喻→反PPT自检」为中文深度文生成固定角色出演的正文配图
Design
xxg-portrait-rebuild-light
`xxg-portrait-rebuild-light` is an image-edit skill for existing portrait photos. It reconstructs the key light, fill, shadows, and background atmosphere with a director-led lighting workflow while restoring clean, healthy, low-contrast photographic skin microtexture.
Design
Guizang PPT
Generate HTML magazine-style and Swiss International presentations with horizontal swipe navigation, WebGL backgrounds, and social-media covers
Design
Nothing Design
Generate UI in Nothing's monochrome, typographic, industrial design language - HTML/CSS, SwiftUI, or React/Tailwind
Design
Stitch Skills
Official Google Labs skill library for the Stitch MCP server - design generation, React/shadcn/Remotion conversion, and multi-page website loops
Mcp
Figma MCP
MCP integration between AI agents (Cursor, Claude Code) and Figma for design-to-code
Page 2 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.