Skip to main content
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.这些入口会带你去完整目录里看对应用途。

Editor's picks编辑精选榜单

2026-06-09 last re-ranked · 上次重排
#1Gold · 金

algorithmic art

Editor's Choice· 编辑首选
by anthropics·updated 2mo ago

algorithmic art: agent skill — from anthropics/skills.

algorithmic art is a community-discovered agent skill. The maintainer has not provided an English summary yet; rely on the repo README for usage details. Sourced from anthropics/skills.

Claude CodeCodexLow risk · 低风险$
rating · 评分
132k
stars · 星标
View看详情 →
#2Silver · 银

ckm:brand

Runner-up· 次选
by nextlevelbuilder·updated 2mo ago

ckm:brand: agent skill — from nextlevelbuilder/ui-ux-pro-max-skill.

ckm:brand is a community-discovered agent skill. The maintainer has not provided an English summary yet; rely on the repo README for usage details. Sourced from nextlevelbuilder/ui-ux-pro-max-skill.

Claude CodeCodexLow risk · 低风险$
rating · 评分
76k
stars · 星标
View看详情 →
#3Bronze · 铜

ckm:banner design

Pair with #1· 推荐配套
by nextlevelbuilder·updated 2mo ago

ckm:banner design: agent skill — from nextlevelbuilder/ui-ux-pro-max-skill.

ckm:banner design is a community-discovered agent skill. The maintainer has not provided an English summary yet; rely on the repo README for usage details. Sourced from nextlevelbuilder/ui-ux-pro-max-skill.

Claude CodeCodexLow risk · 低风险$
rating · 评分
76k
stars · 星标
View看详情 →
#4

ckm:design

by nextlevelbuilder·updated 2mo ago

ckm:design: agent skill — from nextlevelbuilder/ui-ux-pro-max-skill.

ckm:design is a community-discovered agent skill. The maintainer has not provided an English summary yet; rely on the repo README for usage details. Sourced from nextlevelbuilder/ui-ux-pro-max-skill.

Claude CodeCodexLow risk · 低风险$
rating · 评分
76k
stars · 星标
View看详情 →
#5

slack gif creator

by anthropics·updated 2mo ago

Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and ani…

Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users request animated GIFs for Slack like "make me a GIF of X doing Y for Slack."

Claude CodeCodexAutomated screen · 自动筛查$
rating · 评分
132k
stars · 星标
View看详情 →
#6

ckm:ui styling

by nextlevelbuilder·updated 2mo ago

Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS uti…

Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessi…

Claude CodeCodexAutomated screen · 自动筛查$
rating · 评分
76k
stars · 星标
View看详情 →
#7

ckm:design system

by nextlevelbuilder·updated 2mo ago

Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component),…

Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography scales, component specs, strategic slide creation. Use for design tokens, systematic design, brand-compliant presentations.

Claude CodeCodexAutomated screen · 自动筛查$
rating · 评分
76k
stars · 星标
View看详情 →
#8

design-an-interface

by mattpocock·updated 2mo ago

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to d

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".

Claude CodeCodexAutomated screen · 自动筛查$
rating · 评分
69k
stars · 星标
View看详情 →
#9

image

by coreyhaines31·updated 2mo ago

When the user wants to create, generate, edit, or optimize images for marketing — blog heroes, social graphics, product…

When the user wants to create, generate, edit, or optimize images for marketing — blog heroes, social graphics, product mockups, profile banners, listing visuals, or brand assets. Also use when the user mentions 'AI image generation,' 'generate an image,' 'create a graphic,' 'pr…

Claude CodeCodexAutomated screen · 自动筛查$
rating · 评分
28k
stars · 星标
View看详情 →
#10

pptx posters

by K-Dense-AI·updated 2mo ago

Create research posters using HTML/CSS that can be exported to PDF or PPTX. Use this skill ONLY when the user explicitl…

Create research posters using HTML/CSS that can be exported to PDF or PPTX. Use this skill ONLY when the user explicitly requests PowerPoint/PPTX poster format. For standard research posters, use latex-posters instead. This skill provides modern web-based poster design with resp…

Claude CodeCodexAutomated screen · 自动筛查$
rating · 评分
21k
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.把你的痛点告诉我们,我们会去找。

Skill Market
Find the best AI skills for the job·按品类找最好用的 AI 技能
v0.4 · 1306 skills indexed · last review 2026-06-09