Vibeship-spawner-skills design

Design AI Tools

install
source · Clone the upstream repo
git clone https://github.com/vibeforge1111/vibeship-spawner-skills
manifest: ai-tools/design/skill.yaml
source content

Design AI Tools

AI for UI/UX, graphic design, and creative work

id: design-ai-tools name: Design AI Tools version: "1.0.0" category: ai-tools

description: | Master the AI tools that accelerate design work. From UI generation to image editing, create professional designs faster.

business_value: time_saved: "50-70% faster design iterations" cost_saved: "$5,000-20,000/month vs additional designers" revenue_impact: "Ship faster, test more variants" competitive_edge: "Design quality without design team"

tools: ui_design: - id: figma-ai name: Figma AI website: https://figma.com best_for: "AI-assisted UI design" pricing: professional: "$15/editor/month" organization: "$45/editor/month" strengths: - "Native to Figma workflow" - "AI-powered features" - "Layer renaming" - "Asset generation" best_for_stage: "Any Figma user"

- id: uizard
  name: Uizard
  website: https://uizard.io
  best_for: "Rapid UI prototyping"
  pricing:
    free_tier: true
    pro: "$12/month"
    business: "$39/user/month"
  strengths:
    - "Sketch to UI"
    - "Screenshot to design"
    - "Theme generation"
    - "Quick prototypes"
  weaknesses:
    - "Not production-ready designs"
  best_for_stage: "Non-designers, rapid prototyping"

- id: galileo-ai
  name: Galileo AI
  website: https://usegalileo.ai
  best_for: "Text to UI design"
  pricing:
    paid_starts: "Waitlist"
  strengths:
    - "Generate UI from text"
    - "Editable outputs"
    - "High quality"
  weaknesses:
    - "Limited access"
  best_for_stage: "Early concept generation"

image_editing: - id: adobe-firefly name: Adobe Firefly website: https://firefly.adobe.com best_for: "Commercial-safe AI images" pricing: free_tier: true premium: "$5/month (100 credits)" strengths: - "Commercial licensing" - "Adobe integration" - "Generative fill" - "Text effects" weaknesses: - "Less powerful than Midjourney" best_for_stage: "Commercial design work"

- id: canva-ai
  name: Canva AI
  website: https://canva.com
  best_for: "AI in familiar design tool"
  pricing:
    free_tier: true
    pro: "$15/month"
  strengths:
    - "Magic Design"
    - "Text to image"
    - "Background removal"
    - "Magic Resize"
    - "Easy for non-designers"
  best_for_stage: "Marketing teams, quick designs"

- id: remove-bg
  name: Remove.bg
  website: https://remove.bg
  best_for: "Background removal"
  pricing:
    free_tier: true
    subscription: "$9/month"
  strengths:
    - "Best background removal"
    - "Batch processing"
    - "API available"
  best_for_stage: "Product photos, headshots"

- id: photoroom
  name: PhotoRoom
  website: https://photoroom.com
  best_for: "Product photography"
  pricing:
    free_tier: true
    pro: "$10/month"
  strengths:
    - "AI background replacement"
    - "Product staging"
    - "Batch editing"
    - "E-commerce focused"
  best_for_stage: "E-commerce, product photos"

design_systems: - id: figma-dev-mode name: Figma Dev Mode website: https://figma.com best_for: "Design to code" pricing: included: "With Figma" strengths: - "AI code snippets" - "Design tokens" - "Developer handoff" best_for_stage: "Design-dev collaboration"

decision_guide: by_use_case: ui_prototyping: uizard production_ui: figma-ai quick_graphics: canva-ai commercial_images: adobe-firefly product_photos: photoroom

by_skill_level: non_designer: canva-ai designer: figma-ai developer: uizard

mastery: learning_curve: low-medium time_to_value: "15 minutes" time_to_proficiency: "1-2 weeks"

patterns:

  • name: "Generate, then refine" description: "AI creates base, human polishes" impact: "Faster with professional quality"

  • name: "Multiple variations" description: "Generate many options quickly" impact: "Better decisions, less attachment"

anti_patterns:

  • name: "AI as final output" description: "Using AI designs without refinement" fix: "Always human review and polish"

triggers:

  • "design"
  • "UI"
  • "graphics"
  • "image editing"
  • "prototyping"

tags:

  • design
  • ui
  • graphics
  • creative
  • visual