Design Skills for AI Agents

Create and edit images, videos, audio, and design assets with AI-powered media production tools.

3.3K skills in this category. Agent Magic offers 36,000+ skills across all categories.

Top Design Skills

  1. 1. responsive-design — Implement modern responsive layouts using container queries, fluid typography,…
  2. 2. responsive-patterns — Responsive design with Container Queries, fluid typography, cqi/cqb units,…
  3. 3. react-frontend-development — Build React components with TypeScript, Tailwind CSS, and React Query for the…
  4. 4. frontend-patterns — Frontend development patterns for React, Next.js, state management, performance…
  5. 5. frontend-patterns — Frontend development patterns for React, Next.js, state management, performance…
  6. 6. frontend-patterns — Frontend development patterns for React, Next.js, state management, performance…
  7. 7. frontend-patterns — Frontend development patterns for React, Vite, state management, performance…
  8. 8. Cc Lint — Quick structural validation of Claude Code customizations. Checks YAML syntax,…
  9. 9. web-design — Principles and code snippets for designing responsive, accessible websites. Use…
  10. 10. react-component-generator — Generates production-ready React components with TypeScript, hooks, and…
  11. 11. linoleum-codebase — Understand the design of the 'linoleum' package, and how the codebase works.…
  12. 12. modern-jetpack-compose — Guides writing, reviewing, and reasoning about modern Android UI code using…
  13. 13. api-design — REST and GraphQL API design best practices including HTTP methods, status…
  14. 14. api-design — REST and GraphQL API design best practices including HTTP methods, status…
  15. 15. figma-plugin — Use when building Figma plugins, creating design automation tools, implementing…
  16. 16. mobile-developer — Expert in React Native, mobile app development, iOS/Android platforms, mobile…
  17. 17. animation-dev — Add animations and transitions to UI components. Use this for…
  18. 18. agent-device — Automates interactions for iOS simulators/devices and Android…
  19. 19. prisma-patterns — Schema design, migrations, query optimization
  20. 20. flyonui — Use when building with FlyonUI — Tailwind CSS component library with CSS…

Browse More Categories