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:

Create an Account

Get Your API Key

Create and manage API keys. You'll need one to run any template.

Featured Projects

Image Generator SaaS

A beautiful, responsive image generator powered by the Skytells AI API. Next.js + TypeScript, dark/light mode, and production-ready UI.

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

Clone the repository

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

Install dependencies
```
npm install
```
Configure your API key

Create .env.local and add your Skytells API key from skytells.ai/dashboard/api-keys:
```
SKYTELLS_API_KEY=your_api_key_here
```
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 }
});