Showcase & Templates

Production-ready templates and kickstarter projects to build and ship faster with Skytells.

Jump-start your next AI project with our curated templates and showcase projects. Each repo is production-ready, fully documented, and designed to help you build and ship faster.

All templates are published on GitHub at github.com/skytells-ai. Clone, customize, and deploy — no boilerplate from scratch.


Before You Start

New to Skytells? Get set up in minutes:



Image Generator SaaS

A full-stack Next.js application that demonstrates how to integrate the Skytells SDK for AI image generation. Perfect for building image-generation products, demos, or learning the Skytells API.

Features

  • Modern UI — Animations, loading states, and responsive design
  • Skytells Integration — TypeScript SDK with the truefusion-pro model
  • Dark & Light Mode — Built-in theme support
  • Mobile-Friendly — Works on all devices
  • Example Prompts — Built-in inspiration for users

Quick Start

  1. Clone the repository

    git clone https://github.com/skytells-ai/image-generator-saas-nextjs.git
    cd image-generator-saas-nextjs
  2. Install dependencies

    npm install
  3. Configure your API key

    Create .env.local and add your Skytells API key from console.skytells.ai/settings/api-keys:

    SKYTELLS_API_KEY=your_api_key_here
  4. Run the app

    npm run dev

    Open http://localhost:3000 to see it in action.

How It Works

The app uses a Next.js API route to proxy requests to the Skytells API, keeping your API key secure on the server. The frontend sends prompts to /api/generate, which calls the Skytells SDK:

const skytells = createClient(process.env.SKYTELLS_API_KEY || '');
const prediction = await skytells.predict({
  model: 'truefusion-pro',
  input: { prompt: prompt }
});

Tech Stack

LayerTechnology
FrameworkNext.js (App Router)
LanguageTypeScript
AISkytells TypeScript SDK
StylingTailwind CSS

View on GitHub

Fork, star, or contribute to the Image Generator template.

Learn More


AI Music Generator

A production-ready Next.js app that turns lyrics into a full-length song using the BeatFusion model (beatfusion-2.0). Stream long-running audio jobs, surface live progress in the UI, generate cover art, and hand users a real download — without rebuilding prediction polling, SSE plumbing, or proxy logic from scratch.

Deploy on Skytells

Features

  • Lyrics → Full Song — Vocals, arrangement, and export-ready MP3 / WAV / PCM from lyrics plus an optional style line
  • Streaming first — Server-sent events for generation progress; same patterns extend to other long-horizon inference jobs
  • Lyrics assist — Chat-completions flow for drafting or refining lyrics (streaming or JSON)
  • Cover art — Image prediction from lyrics/style or a custom prompt, with aspect ratio control
  • Download helper — Server proxy so the browser can save remote audio with a filename (avoids common CORS pitfalls)

Quick Start

  1. Clone the repository

    git clone https://github.com/skytells-ai/music-generator.git
    cd music-generator
  2. Install dependencies

    npm install
  3. Configure your API key

    cp .env.example .env

    Set SKYTELLS_API_KEY in .env with a key from console.skytells.ai/settings/api-keys.

  4. Run the app

    npm run dev

    Open http://localhost:3000 to see it in action.

How It Works

The app calls the Skytells TypeScript SDK — run() for BeatFusion audio and cover images, chat.completions for lyrics, and predictions.list for optional key checks:

import Skytells from 'skytells';

const client = new Skytells({ apiKey: process.env.SKYTELLS_API_KEY });

const prediction = await client.run('beatfusion-2.0', {
  input: { lyrics, style },
});

Tech Stack

LayerTechnology
FrameworkNext.js (App Router)
LanguageTypeScript
AISkytells TypeScript SDK (beatfusion-2.0)
StylingTailwind CSS v4, Radix UI

View on GitHub

Fork, star, or contribute to the AI Music Generator template.

Learn More


Browse All Templates


Next Steps

How is this guide?

On this page