imaimai-front-templete

🥈Silver

A modern web application template for Next.js 15 with TypeScript, Tailwind CSS, and shadcn/ui. It streamlines front-end development for operations teams, enabling rapid deployment of scalable web interfaces. Integrates with Supabase Auth for secure user management and connects to various tools via its modular architecture.

3930Updated 1mo ago

Intermediate30min to implementautomation

Saves ~30 min per use

Quick InstallView Source

git clone https://github.com/imaimai17468/imaimai-front-templete.git

Works with:

Claude

Overview

About This Skill

imaimai-front-templete is a production-ready web application template combining TanStack Start, TypeScript, and shadcn/ui components. It includes pre-configured Better Auth (Google OAuth), Cloudflare D1 SQLite database with Drizzle ORM, and Cloudflare R2 storage, eliminating boilerplate setup. The template deploys to Cloudflare Workers and runs with full bindings in local development via workerd. Built for AI agents (Claude Code, Cursor) with automated aegis knowledge base generation and agent-aware workflow documentation. Developers get file-based routing, code quality tools (oxlint, oxfmt), testing infrastructure (Vitest), and a modular component architecture out of the box.

How to Use

Clone the repository, run `bun install`, copy `.env.local.example` to `.env.local`, then `bun run dev` to start the local server with Cloudflare bindings enabled. Refer to `docs/DATABASE_SETUP.md` for authentication, database, and storage configuration. The aegis knowledge base auto-builds on first Claude Code session, or manually via `npx -y @fuwasegu/aegis share-hydrate`.

Use Cases

Rapidly deploy scalable web interfaces with pre-wired authentication and database

Set up full-stack applications on Cloudflare Workers without infrastructure boilerplate

Develop with AI agents using included agent workflow documentation and aegis integration

Build multi-page applications using TanStack Router with TypeScript type safety

Setup & Installation

Quick Install

No install command available. Check the GitHub repository for manual installation instructions.

Alternative Install (Git Clone)

git clone https://github.com/imaimai17468/imaimai-front-templete

Requirements

Claude Code or compatible AI agent
Works with: Claude

Quick Start Guide

Install the Skill

Copy the install command above and run it in your terminal.

Open Your AI Agent

Launch Claude Code, Cursor, or your preferred AI coding agent.

Try It Out

Use the prompt template or examples below to test the skill.

Customize

Adapt the skill to your specific use case and workflow.

Usage Examples

Prompt Template

Create a detailed implementation plan for deploying the imaimai-front-templete for [COMPANY] in the [INDUSTRY] sector. Include steps for integrating [DATA] into the template, setting up Supabase Auth, and connecting to [TOOLS]. Highlight any potential challenges and solutions.

Example Output

# Implementation Plan for imaimai-front-templete Deployment

## Overview
The imaimai-front-templete will be deployed for [COMPANY], a leading firm in the [INDUSTRY] sector. This plan outlines the steps for integrating [DATA], setting up Supabase Auth, and connecting to [TOOLS].

## Key Steps
1. **Setup and Configuration**
   - Clone the imaimai-front-templete repository.
   - Install necessary dependencies using npm or yarn.
   - Configure environment variables for Supabase Auth.
2. **Data Integration**
   - Import [DATA] into the template.
   - Ensure data models are compatible with the template's structure.
3. **Authentication Setup**
   - Configure Supabase Auth for user management.
   - Implement secure login and registration flows.
4. **Tool Integration**
   - Connect the template to [TOOLS] via modular architecture.
   - Ensure seamless data flow between tools and the template.

## Potential Challenges and Solutions
- **Challenge**: Data compatibility issues.
  **Solution**: Use data transformation scripts to ensure compatibility.
- **Challenge**: Authentication errors.
  **Solution**: Thoroughly test the Supabase Auth setup with various user scenarios.