Home · 首页/Rankings · 排行榜/Design & Visual

Category ranking· 品类排行

The best AI skills for design & visual做设计与视觉最好用的

UI/UX review, design systems, brand visuals and image generation.UI/UX 评审、设计系统、品牌视觉、图像生成：让产品和素材更好看。

Task shortcuts按用途继续找

Open the matching picks in the full catalog.这些入口会带你去完整目录里看对应用途。

Design systems设计系统43 UI/UX reviewUI/UX 评审39 Image generation图像生成38

Editor rank · 编辑排名 Stars · 星标数 Updated · 最近更新

All Claude Code Codex Cursor Cline OpenClaw Hermes Anthropic Skills MCP Generic

All Low Medium

Editor's picks编辑精选榜单

2026-06-09 last re-ranked · 上次重排

#1Gold · 金

algorithmic-art

★ Editor's Choice· 编辑首选

by anthropics·updated 2mo ago

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users r

“

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.

Claude CodeCodexMedium risk · 中风险$

—

rating · 评分

132k

stars · 星标

View看详情 →

#2Silver · 银

ckm:banner-design

★ Runner-up· 次选

by nextlevelbuilder·updated 2mo ago

Design banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with AI

“

Design banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with AI-generated visuals. Actions: design, create, generate banner. Platforms: Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display, website hero, print. Styles: minimalist, gradient, bold typography, photo-based, illustrated, geometric, retro, glassmorphism, 3D, neon, duotone, editorial, collage. Uses ui-ux-pro-max, frontend-design, ai-artist, ai-multimodal skills.

Claude CodeCodexMedium risk · 中风险$

—

rating · 评分

77k

stars · 星标

View看详情 →

#3Bronze · 铜

image-generation

★ Pair with #1· 推荐配套

by zhayujie·updated 2mo ago

Generate or edit images from text prompts. Use when the user asks to create, draw, design, or edit an image, illustratio

“

Generate or edit images from text prompts. Use when the user asks to create, draw, design, or edit an image, illustration, photo, icon, poster, or any visual content.

Claude CodeCodexMedium risk · 中风险$

—

rating · 评分

44k

stars · 星标

View看详情 →

web-design-guidelines

by multica-ai·updated 1mo ago

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit

“

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

Claude CodeCodexMedium risk · 中风险$

—

rating · 评分

36k

stars · 星标

View看详情 →

web design guidelines

by vercel-labs·updated 2mo ago

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit…

“

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

Claude CodeMedium risk · 中风险$

—

rating · 评分

26k

stars · 星标

View看详情 →

visual-explainer

by nicobailon·updated 2mo ago

Generate beautiful, self-contained HTML pages that visually explain systems, code changes, plans, and data. Use when the

“

Generate beautiful, self-contained HTML pages that visually explain systems, code changes, plans, and data. Use when the user asks for a diagram, architecture overview, diff review, plan review, project recap, comparison table, or any visual explanation of technical concepts. Also use proactively when you are about to render a complex ASCII table (4+ rows or 3+ columns) — present it as a styled HTML page instead.

Claude CodeCodexMedium risk · 中风险$

—

rating · 评分

8.0k

stars · 星标

View看详情 →

accessibility

by midudev·updated 2mo ago

Audit and improve web accessibility following WCAG 2.2 guidelines. Use when asked to "improve accessibility", "a11y audi

“

Audit and improve web accessibility following WCAG 2.2 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader support", "keyboard navigation", or "make accessible".

Claude CodeCodexMedium risk · 中风险$

—

rating · 评分

5.3k

stars · 星标

View看详情 →

design-md

by google-labs-code·updated 2mo ago

A collection of agent skills and plugins for Google Stitch, following the Agent Skills open standard. Compatible with c…

“

A collection of agent skills and plugins for Google Stitch, following the Agent Skills open standard. Compatible with coding agents such as Codex, Antigravity, Gemini CLI, Claude Code, and Cursor.

Claude CodeCodexMedium risk · 中风险$

—

rating · 评分

5.3k

stars · 星标

View看详情 →

web design guidelines

by antfu·updated 2mo ago

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit…

“

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

Claude CodeMedium risk · 中风险$

—

rating · 评分

4.9k

stars · 星标

View看详情 →

#10

architecture-diagram

by Cocoon-AI·updated 2mo ago

Create polished dark-themed architecture diagrams as self-contained HTML+SVG files. Use when the user asks for system, i

“

Create polished dark-themed architecture diagrams as self-contained HTML+SVG files. Use when the user asks for system, infrastructure, cloud, security, or network topology diagrams.

Claude CodeCodexMedium risk · 中风险$

—

rating · 评分

4.8k

stars · 星标

View看详情 →

Why we didn't pick these为什么没选这些

Also common, but didn't make the picks同样常见，但未入精选

image-generation
Workflows that require stronger human review than this catalog entry documents.
需要比当前目录条目更严格人工复核的工作流。
web-design-guidelines
Workflows that require stronger human review than this catalog entry documents.
需要比当前目录条目更严格人工复核的工作流。
image
Workflows that require stronger human review than this catalog entry documents.
需要比当前目录条目更严格人工复核的工作流。

Didn't find what you need?没看到合适的 skill？

Tell us your pain points and we'll go look.把你的痛点告诉我们，我们会去找。

Compare top 3对比 Top 3 →Request a skill提交需求 →