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
🚀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.
a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package
Best fit: High-confidence pick with strong adoption and healthy maintenance signals.
Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.
Best fit: High-confidence pick with strong adoption and healthy maintenance signals.
Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.
Best fit: High-confidence pick with strong adoption and healthy maintenance signals.
🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library
Best fit: High-confidence pick with strong adoption and healthy maintenance signals.
Chakra UI is a component system for building SaaS products with speed ⚡️
Best fit: High-confidence pick with strong adoption and healthy maintenance signals.
Invoke is a leading creative engine for Stable Diffusion models, empowering professionals, artists, and enthusiasts to generate and create visual media using the latest AI-driven technologies. The solution offers an industry leading WebUI, and serves as the foundation for multiple commercial products.
Best fit: High-confidence pick with strong adoption and healthy maintenance signals.
Bring portraits to life!
Best fit: High-confidence pick with strong adoption and healthy maintenance signals.
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.
A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to React, Angular, Vue, (+ more) and traditional web applications from a single, framework-agnostic codebase.
Best fit: High-confidence pick with strong adoption and healthy maintenance signals.
Related stack