designer

Generate icons, illustrations, screenshots, videos, and voiceovers using AI models.

Updated May 30, 2026
One-click install
npx skills add https://github.com/InnerScopeHearing/otchealth-claude-tools --skill designer-innerscopehearing
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: designer
Source: https://github.com/InnerScopeHearing/otchealth-claude-tools/tree/main/skills/designer
Command: npx skills add https://github.com/InnerScopeHearing/otchealth-claude-tools --skill designer-innerscopehearing

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires sharp, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill solves the challenge of creating visual assets for any project, eliminating the need for manual design work and speeding up the creation process.

Core Features & Use Cases

  • Visual Asset Generation: Generate icons, illustrations, app icons, App Store screenshots, videos, and voiceovers with brand consistency.
  • Integration with AI Models: Utilizes OpenAI, Google Vertex AI, and ElevenLabs to power different asset types.
  • Custom Brand Profiles: Customize brand profiles with colors, typography, voice, and constraints to ensure consistent visual assets across projects.

Quick Start

Use the designer skill to create an icon with the following command: node ~/.claude/skills/designer/scripts/gen-icon.mjs --prompt "A sleek, modern icon representing a hearing aid, with a focus on innovation and health" --style-ref assets/icons/example-style.svg.

Frequently Asked Questions about designer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate on-brand visual assets like icons and illustrations using AI?

Generate brand-consistent visual assets by utilizing AI models from OpenAI and Google Vertex AI, applying custom brand profiles with specific colors, typography, and constraints to ensure automated visual asset generation matches your project identity.

Can I create App Store screenshots and app icons with AI-powered design tools?

Yes, you can create App Store screenshots and app icons by running generation scripts that leverage AI models, utilizing style reference SVG files to maintain visual consistency across all generated application assets.

Does AI video creation support voiceover generation for brand projects?

AI video creation supports voiceover generation by integrating ElevenLabs models, allowing you to produce videos and voiceovers that adhere to customized brand voice profiles for consistent audio-visual project assets.

What do I need to set up before automating icon generation with AI models?

You need Node.js to execute the generation scripts and API access to cloud-based AI services like OpenAI, Google Vertex AI, or ElevenLabs, plus the sharp dependency for local image processing of brand assets.

How does brand consistency work when generating visual assets across different projects?

Brand consistency is maintained by defining custom brand profiles containing colors, typography, voice, and constraints, which the AI models reference during visual asset generation to ensure all outputs align with your established brand guidelines.

Are there limitations when using AI-powered design for visual asset generation?

Limitations of AI-powered design include dependency on external API availability for OpenAI, Google Vertex AI, and ElevenLabs models, requiring cloud service connectivity or local model integration to execute visual asset generation scripts successfully.