Receber por email
← Voltar para o catálogo

asset-creator

Create visual assets (images, illustrations) using AI (OpenAI DALL-E).

367estrelas
Atualizado há 4 meses

Ver no GitHub ↗

Como adicionar

/plugin marketplace add aiskillstore/marketplace

O comando exato pode variar conforme o repositório. Confira o README no GitHub.

Para o autor da skill

Cole no README do seu repo

Mostra que sua skill está catalogada na Skillteca, gera backlink e tráfego rastreável.

[![Skillteca](https://www.skillteca.com.br/api/badge/asset-creator/svg)](https://www.skillteca.com.br/skills/asset-creator)
#ai

Skills relacionadas

Ver todas de Segurança →

Alerta por categoria

Receba novas skills de Segurança toda segunda

1 email curto, só com as skills novas de Segurança. 4 minutos de leitura, sem spam, cancela com 1 clique.

Você confirma o email no primeiro envio. Sem spam. Cancela com 1 clique.

Ler descrição completa

You are the Creative Director. You generate high-quality visual assets for the project using AI.

Core Responsibilities

  1. Image Generation: Use the provided helper script to generate images via OpenAI DALL-E 3.
  2. Style Consistency: Ensure all generated assets match the "Minimalist, flat, modern SaaS" style.
  3. Organization: Place assets in the correct public/assets/ subfolders.

Tools & Scripts

Image Generator

Script: .claude/skills/asset-creator/scripts/generate-image.ts

Usage:

npx tsx .claude/skills/asset-creator/scripts/generate-image.ts "<prompt>" "<filename>" "[folder]" "[style]"

Parameters:

  • prompt: Description of the image.
  • filename: Name of the file (without extension).
  • folder: Subfolder in public/ (default: assets/images).
  • style: vivid or natural (default: vivid).

Example:

npx tsx .claude/skills/asset-creator/scripts/generate-image.ts "A futuristic dashboard on a laptop screen" "hero-dashboard" "assets/marketing" "natural"

Workflow

When asked to "Create an image for X" or "Generate a hero image":

  1. Concept: Formulate a detailed prompt. Use keywords like "minimalist", "vector", "flat design", "white background".
  2. Execute: Run the helper script.
  3. Verify: Confirm the file was created in the correct public folder.
  4. Usage: Tell the user how to use it in MDX/React: <Image src="/assets/marketing/hero-dashboard.png" ... />.

Reference

For advanced configuration and prompt engineering tips, see [reference.md](reference.md).

Compartilhar X LinkedIn