OpenAgentSkill guide

Best design and creative skills for AI agents

Find skills for design systems, Figma workflows, UI generation, presentations, image and video production, and creative automation.

When to use this guide

Start from the job, then shortlist the tools.

Prepare design assets

Use quality and freshness signals to decide whether a skill belongs in this workflow.

Generate UI directions

Use quality and freshness signals to decide whether a skill belongs in this workflow.

Build presentation materials

Use quality and freshness signals to decide whether a skill belongs in this workflow.

Automate creative production

Use quality and freshness signals to decide whether a skill belongs in this workflow.

Shortlist

Top skills to evaluate

Compare top 4
#1Canvas DesignExcellent · 100187K stars

Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.

Best fit: High-confidence pick with strong adoption and healthy maintenance signals.

#2Semi DesignExcellent · 9610K stars

🚀A modern, comprehensive, flexible design system and React UI library, AI-friendly built-in.🎨Provide 3000+ Design Tokens, easy to build your design system. Make Semi Design to Any Design.🧑🏻‍💻 Design to Code in one click

Best fit: High-confidence pick with strong adoption and healthy maintenance signals.

#3Frontend DesignExcellent · 100187K stars

Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.

Best fit: High-confidence pick with strong adoption and healthy maintenance signals.

#4Gc Minimal Zine PosterExcellent · 1006.3K stars

A Codex skill for generating minimal zine-style editorial poster prompts and images.

Best fit: High-confidence pick with strong adoption and healthy maintenance signals.

#5LivePortraitExcellent · 9919K stars

Bring portraits to life!

Best fit: High-confidence pick with strong adoption and healthy maintenance signals.

#6CssExcellent · 10013K stars

Primer is GitHub's design system. This is the CSS implementation

Best fit: High-confidence pick with strong adoption and healthy maintenance signals.

#7CarbonExcellent · 1009.2K stars

A design system built by IBM

Best fit: High-confidence pick with strong adoption and healthy maintenance signals.

#8ViMaxExcellent · 10010K stars

"ViMax: Agentic Video Generation (Director, Screenwriter, Producer, and Video Generator All-in-One)"

Best fit: High-confidence pick with strong adoption and healthy maintenance signals.

#9Web Design GuidelinesExcellent · 10033K stars

Review UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices.

Best fit: High-confidence pick with strong adoption and healthy maintenance signals.

#10Figma Implement DesignExcellent · 10028K stars

Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.

Best fit: High-confidence pick with strong adoption and healthy maintenance signals.

Related stack

Use these skills as part of a workflow.