Design & Creative Bundle

UI/UX design systems, prototyping, animation, 3D modeling, accessibility, and creative workflow skills.

Included Skills (80)

  1. Web Animation Specialist — This tool helps developers build accessible, GPU-efficient CSS animations and motion design patterns to enhance user interface interactions and overall visual storytelling.
  2. Blender Animation Tool — Automate 3D animation tasks in Blender using Python scripting, assisting animators and developers with keyframing, rigging, and motion design.
  3. Animated UI Components — Aceternity UI adds animated UI components using Framer Motion and Tailwind CSS for visually stunning React/Next.js interfaces.
  4. Design System Architect — This tool generates bespoke, editorial-grade design systems and token libraries to help developers and designers build consistent, intentional, and premium digital product interfaces.
  5. Color Palette Generator — This tool extracts dominant colors from images or websites to create accessible, professional design palettes for developers and UI designers.
  6. Typography System Architect — This tool helps designers and developers build consistent, scalable typographic systems by auditing existing styles and generating optimized tokens, Tailwind configurations, and CSS.
  7. Design System Architect — This tool helps developers and designers build scalable design systems by generating standardized tokens, base components, and configuration files for modern web projects.
  8. Motion System Architect — This tool helps designers and developers establish cohesive motion language systems, generating standardized tokens, Framer Motion variants, and CSS for consistent product animation.
  9. Design System Architect — This toolkit empowers senior UI designers to generate design tokens, build component libraries, and streamline developer handoff for consistent, scalable digital products.
  10. Frontend UI Engineer — This skill builds production-quality, accessible, and responsive user interfaces, helping developers create polished components that adhere to professional design system standards.
  11. Article Design System — Designs professional blog and article layouts with optimized typography and spacing, benefiting developers building content-rich web pages.
  12. UI/UX Design Expert — Provides comprehensive UI/UX design guidance and implementation support for creating polished and intuitive user interfaces.
  13. Premium Landing Composer — This tool helps developers build bespoke, high-conversion landing pages using Next.js, Tailwind, and Framer Motion with human-crafted copy and professional design systems.
  14. Premium UI Architect — This skill empowers AI to engineer high-end, agency-level digital experiences by enforcing sophisticated design systems, fluid motion, and premium aesthetic standards for professional developers.
  15. Creative Mood Boarder — This tool helps designers and creative teams compile visual inspiration, color palettes, and typography references to align stakeholders on project aesthetics.
  16. Design System Installer — This tool automates the integration of W3C design tokens and styling themes into projects to ensure consistent, professional visual branding across all components.
  17. Creative Asset Auditor — This tool helps creative teams and project managers verify that assets meet brand, accessibility, and localization standards before final publication.
  18. Awwwards Design Engineer — This expert design engineer creates high-end, motion-rich frontend layouts using GSAP and Python-driven randomization to ensure unique, professional, and visually stunning web interfaces.
  19. Tailwind CSS Expert — Assists developers using Tailwind CSS v4 to rapidly build custom, responsive designs directly within HTML/JSX using utility classes.
  20. Design Authenticity Auditor — This tool identifies and resolves generic, AI-generated patterns in web design and copy to help developers create premium, human-crafted digital experiences.
  21. Minimalist UI Architect — This protocol helps frontend engineers design refined, editorial-style web interfaces using warm monochrome palettes, bespoke typography, and ultra-flat, high-contrast bento grid layouts.
  22. GSAP Animation Tool — This skill empowers developers to create advanced web animations using GSAP for complex timelines, scroll effects, and high-performance motion graphics.
  23. Stitch Design Architect — This tool generates semantic DESIGN.md files to help Google Stitch agents create premium, high-agency interfaces with strict aesthetic and performance standards.
  24. Distinctive UI Designer — Provides opinionated, intentional visual design guidance to help developers create unique, non-templated user interfaces that reflect a specific brand identity and subject matter.
  25. Distinctive UI Designer — Provides opinionated, intentional visual design guidance to help developers create unique, non-templated user interfaces that reflect a specific brand identity and subject matter.
  26. Distinctive UI Designer — Provides opinionated, intentional visual design guidance to help developers create unique, non-templated user interfaces that reflect a specific brand identity and subject matter.
  27. Chroma.js Color Tools — Manipulate and generate colors using chroma.js for palettes, theming, accessibility, and data visualization color scales.
  28. UX Research Toolkit — This toolkit empowers UX professionals to generate data-driven personas, map user journeys, plan usability tests, and synthesize research into actionable design insights.
  29. Figma Design Analyzer — This tool analyzes Figma files via the REST API to generate interactive design knowledge graphs, helping developers and designers visualize complex component structures.
  30. React Animation Expert — Assists developers using the Motion library to create declarative, fluid animations, transitions, and interactive effects in React applications.
  31. Spline Design Expert — Assists teams in building interactive 3D web experiences using Spline's visual editor and export options, without writing code.
  32. Figma API Interface — Automate design workflows by interacting with the Figma API to extract design data and integrate with development pipelines.
  33. WCAG Contrast Checker — This skill checks color contrast ratios against WCAG guidelines, helping designers and developers ensure accessible and compliant user interfaces.
  34. Creative Enablement Planner — This tool helps creative teams design and execute structured training programs, adoption strategies, and communication cadences for new brand initiatives and assets.
  35. Accessibility Audit Tool — This skill scans, fixes, and verifies WCAG 2.2 Level A/AA compliance in web codebases, aiding developers and compliance teams.
  36. Animated React Components — Magic UI adds animated React UI components for impressive landing pages, particle effects, and text animations, assisting React developers.
  37. Apple HIG Consultant — This tool audits and designs native Apple platform interfaces, ensuring compliance with Human Interface Guidelines and the Liquid Glass design language for developers.
  38. Premium Design Refiner — This skill audits and elevates existing web interfaces by replacing generic patterns with high-end design standards to improve visual hierarchy and professional polish.
  39. SVG Optimization Tool — Optimize SVG files by removing metadata, minifying paths, and configuring plugins, benefiting designers and developers optimizing graphics.
  40. Brand Governance Manager — This tool helps marketing and design teams maintain brand consistency by streamlining asset approvals, compliance audits, and the management of organizational design guidelines.
  41. OpenType Font Toolkit — Parse and manipulate OpenType fonts, extract glyphs, measure text, and render text to SVG paths for designers and developers.
  42. Dark Mode Architect — This tool helps developers implement professional dark mode themes by mapping semantic tokens and adjusting elevation, shadows, and contrast for a polished, non-inverted UI.
  43. Houdini Workflow Expert — Assists artists and technical directors in building procedural 3D workflows using SideFX Houdini's node-based architecture and scripting capabilities.
  44. Visual Design Generator — Generates original visual designs as .png or .pdf documents based on user requests, creating aesthetic movements and visual philosophies.
  45. SwiftUI Liquid Glass — Implements iOS 26+ Liquid Glass design in SwiftUI, assisting developers adopting, refactoring, or reviewing Liquid Glass implementations.
  46. Aesthetic Frontend Architect — This skill helps developers and designers build bespoke, non-templated landing pages and portfolios by inferring specific design directions from user briefs.
  47. Anthropic Brand Stylist — Applies Anthropic's brand colors and typography to artifacts, ensuring consistent visual representation for internal and external communications.
  48. Canvas Graphics Generator — This skill generates 2D graphics using the HTML5 Canvas API, assisting developers with image creation and manipulation tasks.
  49. Lottie Animation Player — Plays After Effects animations on web/mobile by loading JSON files, controlling playback, and integrating animations into various JavaScript applications.
  50. Experience System Architect — This tool helps designers and product teams translate brand strategies into scalable, accessible, and modular design systems across multiple digital channels.
  51. Industrial Brutalist Designer — This skill enables developers to architect high-density, mechanical interfaces by synthesizing Swiss typography with tactical military aesthetics for specialized data-driven web applications.
  52. Tldraw Canvas Expert — Provides expert guidance for tldraw, assisting developers in embedding collaborative whiteboards and diagram editors into React applications using its features.
  53. Cinematic Web Designer — This skill helps web developers create immersive, premium 2.5D scroll-driven experiences using CSS and JavaScript without the need for complex WebGL.
  54. Artifact Styling Tool — Applies consistent color and font themes to documents, slides, and web pages, helping users create professional-looking artifacts.
  55. Brand Identity Generator — This skill generates premium, art-directed brand identity systems and visual presentation boards for designers, strategists, and creative professionals seeking high-end aesthetic results.
  56. Visual Difference Analyzer — Visually compares two images using AI, highlighting differences and similarities, aiding designers and testers in identifying visual regressions and design discrepancies.
  57. Visual Web Architect — This skill empowers developers to generate high-fidelity design references and transform them into premium, responsive, and aesthetically refined website implementations.
  58. Typography Pairing Assistant — This tool helps designers and developers select harmonious font combinations and provides accessible Google Fonts alternatives to premium typefaces for improved visual hierarchy.
  59. Algorithmic Art — Algorithmic Art creates copyright‑safe, high‑quality visuals with p5.js, blending seeded randomness and interactive controls to produce striking compositions. Designers, marketers, and developers use these generative art, flow‑field, and particle‑system images to give projects a distinctive look. The ready‑to‑implement assets enhance creative and marketing efforts with minimal effort.
  60. Brand Guidelines Generator — This skill creates brand style guides to ensure consistent visual identity for designers and developers.
  61. AI Image Generator — This skill enables creative professionals to generate and edit high-quality visual assets by leveraging diverse AI models through the OpenRouter Image API.
  62. Infographic Generation Assistant — This tool enables users to create professional, data-driven infographics through automated research, iterative AI design refinement, and rigorous quality assurance checks.
  63. 3ds Max Rendering — Configure and optimize 3ds Max renders using V-Ray and Corona for archviz, product visualization, and animation professionals.
  64. AI Deck Repair — This tool restores corrupted AI-generated presentations and PDFs by fixing clipped text, font substitutions, and structural errors to ensure professional, high-quality document exports.
  65. Mobile App Designer — This skill generates premium, high-fidelity mobile app screen concepts and user flows to help product designers visualize professional, app-native interfaces for various industries.
  66. Product Ideation Assistant — This tool facilitates multi-perspective product discovery for product trios by generating and prioritizing innovative feature solutions from PM, design, and engineering viewpoints.
  67. Brand Guidelines Enforcer — This skill helps users apply, document, and enforce brand guidelines for products or companies, ensuring brand consistency across all materials.
  68. Brand Compliance Auditor — This tool helps marketing and creative teams ensure social content adheres to voice, visual, legal, and partnership standards before final publication.
  69. AI Interface Builder — Build AI chat interfaces quickly using pre-built, customizable components for conversations, messages, tool displays, and prompt inputs.
  70. Image Analysis Toolkit — Analyzes images to extract colors, composition, mood, and visual elements, assisting designers and developers with visual understanding.
  71. React Component Architect — This tool assists developers in generating high-quality, accessible, and type-safe React components using standardized patterns and best practices for modern web applications.
  72. User Research Guide — Provides expert user research guidance, helping product teams deeply understand user needs, behaviors, and motivations through various methods.
  73. 3ds Max Automation — Automate 3ds Max tasks using MAXScript and Python, streamlining workflows for artists and designers in visualization and VFX.
  74. Website Cloning Agent — This skill clones websites into pixel-perfect Next.js apps, assisting designers and developers in reverse-engineering or modernizing web designs.
  75. Webflow Expert Assistant — Assists designers and developers in building responsive websites and dynamic content using Webflow's visual builder and API integrations.
  76. Landing Page Designer — This skill generates high-conversion website section references for developers by creating individual, consistent, and compositionally diverse images for every landing page component.
  77. Brand Compliance Auditor — This tool scans documents and visual assets for brand guideline violations, providing designers and marketers with actionable feedback to ensure consistent identity.
  78. Stock Image Curator — This tool helps designers and content creators efficiently source high-quality, licensed stock photography by searching multiple platforms based on specific aesthetic and technical requirements.
  79. Gallery Download Tool — Download images and media galleries from various websites, including social media and image hosting platforms, for content creators and researchers.
  80. DALL-E Image Generator — Generates and edits images from text prompts using the DALL-E 3 API, assisting users in creating visuals for various applications.