Design Tools Agent Skills
Discover Agent Skills for design tools. Browse 45skills for Claude, ChatGPT & Codex.
Tailwind CSS
Accelerates frontend development by providing comprehensive guidance for implementing utility-first CSS, responsive layouts, and highly optimized design systems.
Tailwind CSS Expert
Implements utility-first Tailwind CSS patterns and responsive UI components specifically optimized for Ruby on Rails applications.
Product Design & Figma Handoff
Automates the design-to-code workflow by bridging Figma mockups and codebase implementation through intelligent token extraction and component mapping.
Frontend Component Generator
Generates production-ready React and Vue components complete with TypeScript interfaces, unit tests, and modular styles.
Creative Brief Framework
Standardizes the creation of high-impact creative briefs to align marketing and creative teams on campaign objectives.
Design System Starter
Architects scalable, accessible UI design systems using design tokens, atomic component patterns, and WCAG-compliant implementation guides.
Motion Animation Patterns
Implements standardized, high-performance Framer Motion animations for React applications using centralized presets and RTL-aware patterns.
Latte Templates for Nette
Provides expert guidance for creating secure, context-aware Latte templates with intuitive syntax and powerful inheritance for Nette applications.
Nette Frontend Development
Optimizes Nette framework frontend workflows by integrating modern build tools like Vite, SCSS, and TypeScript with the Nette Assets system.
Brand Governance Manager
Ensures brand consistency and compliance by managing guidelines, approval workflows, and asset audits within the design lifecycle.
Experience System Blueprint
Translates brand strategy into modular, scalable experience systems and documentation patterns for multi-channel execution.
Creative QA Checklist
Verifies that creative assets meet brand, accessibility, and localization standards before publication through structured audit frameworks.
Mood Board Builder
Accelerates the creative conceptualization process by compiling visual inspiration, color palettes, and typography references into organized mood boards.
Frontend Design
Generates distinctive, production-grade frontend interfaces with high design quality and unique creative character.
Tamagui Best Practices
Implements high-performance Tamagui patterns for v4 configuration, compiler optimization, and cross-platform UI systems.
Frontend Design
Generates distinctive, production-grade frontend interfaces with high design quality and custom aesthetic identities.
Anthropic Brand Guidelines
Applies Anthropic's official visual identity, including specific color palettes and typography, to design artifacts and presentations.
Algorithmic Art & Generative Design
Generates master-level algorithmic art and interactive p5.js sketches through a unique computational philosophy framework.
Claude Artifacts Builder
Builds sophisticated, multi-component Claude.ai artifacts using React, Tailwind CSS, and shadcn/ui for high-quality frontend experiences.
Theme Factory
Applies professional visual themes to artifacts including slides, documents, and HTML pages using curated color palettes and font pairings.
AI Design System Builder
Generates and applies professional design systems to frontend projects using smart recommendations from over 30 distinct visual styles.
Canvas Visual Artistry
Generates sophisticated visual art and high-fidelity design documents through curated design philosophies and master-level execution.
Slack GIF Creator
Generates and optimizes animated GIFs and custom emojis specifically tailored for Slack's strict file size and dimension constraints.
Frontend Design Architect
Generates distinctive, production-grade frontend interfaces that prioritize high-end aesthetics and unique design systems over generic patterns.
Multicultural Holidays Expert
Manages inclusive, data-driven holiday configurations and themes to ensure cultural accuracy and sensitivity in web applications.
AI Image Generation
Generates professional-quality AI images and UI assets directly within your development workflow using Pollinations.ai.
Interaction Design
Implements intuitive user experiences through microinteractions, feedback patterns, and accessible design guidelines.
Frontend Design Professional
Generates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics in favor of high-fidelity, custom designs.
Maz-UI Vue & Nuxt Components
Streamlines Vue 3 and Nuxt 3 application development with a library of 50+ accessible, production-ready components and specialized composables.
Frontend Design Pro
Creates distinctive, production-grade frontend interfaces with high-end aesthetic quality and creative UI design patterns.
Scroll for more results...