Which AI coding tools do you use?

Pick your tools below. We'll generate the right instruction file for each one. CLAUDE.md is always included — it's the most comprehensive format.

Your AI tools (select all that apply)

🟣

Claude Code

CLAUDE.md — always included

⚡

Cursor

.cursorrules

🤖

GitHub Copilot

copilot-instructions.md

🏄

Windsurf

.windsurfrules

🔧

Cline

.clinerules

📦

Amazon Q

.amazonq/rules/

🧠

JetBrains AI

.aiassistant/rules/

🦘

Roo Code

.roo/rules/

🔮

Augment Code

.augment/rules/

🌐

AGENTS.md

Universal — Codex, Zed, Warp, Aider & more

Now, tell me about your project

What's your project called? A business name, app name, or just a short label.

What are you building and why? A few sentences is perfect. Example: "I'm building a website for my tech consulting business."

What tools will you use?

Pick the technologies for your project. Not sure? Just pick what sounds closest — you can always change it later.

What programming language? This is the main language your code will be written in.

🟦

TypeScript

Modern JavaScript with types

🟨

JavaScript

The classic web language

🐍

Python

Great for AI, data, APIs

🎨

HTML / CSS

Simple website, no framework

What type of project is this? (pick all that apply) Most projects are a mix! A website with an API? An AI agent with a beautiful UI? Pick everything that fits.

🌿

Beautiful Website

Portfolio, landing page, or brand site where looks matter most

🖥️

Web App

Dashboard, tool, or app people log into and use

⚡

Backend API

A service that sends and receives data behind the scenes

🤖

Automation

A background robot that runs tasks on a schedule

🧠

AI Agent

An AI that talks, creates, or makes decisions

🎵

Music AI

Generate music, audio, or sound with AI

✍️

Lyric / Poetry AI

Write songs, poems, or lyrics with AI

📱

SMS / Messaging

Send text messages, notifications, or chatbots

📲

Mobile App

An app for phones (Android, iPhone, or both)

🧩

Browser Extension

A plugin that adds features to Chrome or Firefox

🕷️

Web Scraper

Collect data from websites automatically

⌨️

Command Line Tool

A tool you run by typing commands in the terminal

🔄

Data Pipeline

Move, transform, or analyze data automatically

Where will your project live? (Hosting) Where will people access it? If you're not sure, pick "I don't know yet" — that's totally fine!

☁️

Cloudflare

Pages, Workers

▲

Vercel

Great for Next.js

🟣

Render

APIs, web services

⚙️

Trigger.dev

Background jobs

💻

Just My Computer

Runs locally only

🌐

Netlify

Websites, apps

🟠

AWS

Amazon cloud

🚂

Railway

Easy hosting

✈️

Fly.io

Edge compute

🤷

Not Sure Yet

Decide later

Any special services? (pick all that apply) These are tools and APIs your project connects to. Skip if none apply.

🗄️

Supabase

Database & auth

🤖

OpenAI

GPT, DALL-E

🧠

Claude API

Anthropic's AI

📞

Twilio

SMS & calls

💳

Stripe

Payments

🔤

Google Fonts

Custom typography

➖

None of These

No extra services

Any framework? A framework gives you pre-built tools so you don't have to write everything from scratch. "None" is fine for simple projects.

📄

None / Vanilla

Plain code, no framework

⚛️

React

UI component library

▲

Next.js

React + server features

🧪

Flask

Python web framework

⚙️

Trigger.dev

Background job framework

🎨

Tailwind CSS

Utility CSS framework

💚

Vue.js

Progressive JS framework

🔥

Svelte

Compiled JS framework

🚀

Express

Node.js backend

🐴

Django

Python web framework

⚡

FastAPI

Modern Python API

How does it work?

Let's understand the basic flow — where does information come from, what happens to it, and where does it go?

Where does the data come from? (pick all that apply) How does your project get the information it needs?

✏️

User Types It

Forms, text input

🗄️

Database

Stored data

🔌

Another API

External service

📁

File Upload

User uploads files

🕷️

Web Scraping

Pull from websites

📋

Already Written

Static content

What makes it start? When does your project spring into action?

Someone clicks a button

User does something in the app to trigger it

It runs on a schedule

Like an alarm clock — every hour, daily, weekly, etc.

Another service tells it to

A webhook or event from somewhere else kicks it off

When someone visits the page

It's always on — like a website that's always there

I run it manually

I type a command or press a button to start it myself

Where do results go? (pick all that apply) What happens with the output your project creates?

🖥️

Shows on Screen

User sees it in the app

💾

Saves to Database

Stored for later

📧

Sends Email

Email notification

📱

Sends Text

SMS message

📥

Downloads a File

PDF, CSV, image, etc.

📡

API Response

Data for other apps

Does it need login / authentication? Will users need to sign in?

No login needed

Anyone can access it — public site or tool

Just API keys

Keys stored in settings, not user accounts

Users create accounts

Sign up, log in, personal data

What does "finished and working" look like? Describe what should happen when everything works perfectly. Example: "A visitor sees my services listed, can click to read more about each one, and fills out a contact form."

Let's make it look and feel right

This is the fun part! Tell me about the personality and style you want. Think of it like decorating a room — what mood should it set?

This step helps your AI assistant understand your taste, so it can make design and creative decisions that match your vision — instead of guessing.

Finish this sentence: "This should feel like..." Example: "...meeting a friendly neighbor who's great with technology" or "...a calm, premium music studio" or "...a creative poetry workshop"

What should it definitely NOT feel like? Example: "Not corporate or salesy" or "Not like a generic template" or "Not cold and techy"

Website Design

What color mood? Pick the feeling you want colors to give.

🌿

Warm & Earthy

Cream, green, wood tones

❄️

Cool & Minimal

White, gray, blue

🎨

Bold & Vibrant

Bright colors, high energy

🌙

Dark & Moody

Dark backgrounds, dramatic

🌸

Soft & Pastel

Light, gentle, calming

Typography feel? Fonts set the personality of your text.

📰

Elegant Serif

Classic, editorial, warm

✨

Clean Sans-Serif

Modern, minimal, crisp

🔀

Mix of Both

Serif headings + sans body

🎪

Playful & Bold

Fun display fonts

How much animation? Animations are the little movements and effects on your site.

None — keep it still

No animations at all, just a clean static page

Subtle — gentle reveals

Things fade in softly as you scroll (recommended for most sites)

Moderate — noticeable movement

Hover effects, sliding elements, staggered reveals

Cinematic — full experience

Parallax, timeline animations, dramatic transitions

Music & Audio Style

What genre or style of music? Be as specific as you like. Example: "Indian classical fusion with electronic beats" or "Lo-fi hip hop"

Key instruments or sounds? Example: "Tabla, sitar, synth pads" or "Piano, guitar, soft drums"

Name 2-3 artists or songs you love These help the AI understand your taste. Example: "AR Rahman's Jai Ho, Prateek Kuhad's cold/mess"

Is this Indian music?

Yes

No

Raga preference? Leave blank if not applicable. Example: "Yaman", "Bhairavi", "Mixolydian-inspired"

Rhythm cycle (taal)? Example: "Teentaal (16 beats)", "Jhaptaal", or "Free rhythm"

Style tradition?

Hindustani

North Indian classical

Carnatic

South Indian classical

Fusion

Blend of traditions

Bollywood / Film

Indian film music style

Lyric & Poetry Style

What language(s)? Pick all that apply.

English

Hindi

Urdu

Punjabi

Mix of Languages

What themes or emotions? Example: "Love and longing", "Social commentary", "Celebration", "Spirituality"

Name 2-3 lyricists or poets you admire Example: "Gulzar for his metaphors, Javed Akhtar for clarity, Faiz for revolutionary poetry"

What song structure?

Verse + Chorus

Standard song format

Ghazal Couplets

Traditional Urdu poetry

Free Verse

No strict structure

Rap Bars

16/32 bars with hook

Inspiration references Share links to websites, songs, apps, or anything that captures what you want. For each one, tell me what you like about it. You can add up to 3.

Your brand identity

If your project has a specific look — colors, fonts, a logo — tell me here so your AI assistant never guesses wrong. Skip anything you haven't decided yet.

These details go into your AI instructions so Claude uses your exact brand colors, fonts, and design rules — instead of picking random ones.

Color palette Paste hex codes (like #2D5016) or describe the color (like "forest green"). Leave blank if you haven't chosen yet.

Primary

Secondary

Accent

Background

Text

Where do your fonts come from? Fonts are the style of your text. Most websites use Google Fonts — they're free and easy.

🔤

Google Fonts

Free web fonts

📁

Custom Files

Font files in my project

💻

System Fonts

Use the device's built-in fonts

🤷

Not Sure Yet

Decide later

Heading font The font used for titles and big text. Example: "Playfair Display" or "Montserrat"

Body font The font used for paragraphs and regular text. Example: "Inter" or "Open Sans"

Describe your logo What does it look like? This helps your AI assistant know what to expect. Example: "Green leaf icon with 'LocalTechEdge' text to the right"

Logo file location Where is (or will be) the logo file in your project? Example: "assets/logo.svg"

Brand guidelines or rules Any special rules about how your brand should look? Example: "Logo must have 20px clear space around it. Never stretch or change the logo colors."

Design patterns & component styles

Optional — describe your buttons, cards, spacing rules, etc.

▶

Describe your design system Example: "Cards have 12px border-radius, 8px padding, soft shadow. Buttons are pill-shaped with the primary green. Base spacing unit is 4px."

Link to style guide or design system If you have a Figma file, style guide doc, or design system URL, paste it here.

Power up your AI assistant

These features make your AI smarter and more automated. Don't worry if some sound advanced — we'll only add what makes sense for your project.

Quick shortcuts (Skills) Instead of explaining a task every time, you type a quick command like /deploy and your AI knows exactly what to do. Like speed dial on a phone.

Want a custom shortcut? Describe any repeating workflow. Example: "Every time I add a blog post, I create an HTML file, add it to the nav, and update the sitemap."

Automatic quality checks (Hooks) Hooks are like invisible helpers that run automatically. For example: every time you save a file, it auto-fixes the formatting. Or before you commit code, it checks that all tests pass. Pick any that sound useful.

Auto-format code on save

Automatically makes your code neat and consistent every time a file is edited — you never have to think about formatting

Block commits if tests fail

Prevents saving broken code — like a safety net that catches mistakes before they reach others

Auto-lint after edits

Checks for code quality issues (unused variables, potential bugs) every time code is changed

Scan for secrets before commit

Prevents accidentally committing passwords or API keys — catches them before they leak

Specialist reviewers (Subagents) These are like hiring an expert to double-check specific things. A security expert checks for vulnerabilities, a code reviewer checks quality. Only useful for bigger projects — skip if your project is simple.

Code Reviewer

Checks your code for quality, consistency, and potential bugs before merging

Security Reviewer

Scans for vulnerabilities — exposed secrets, injection risks, insecure patterns

Documentation Updater

Automatically keeps your docs in sync when code changes

Production best practices These make your project secure, fast, and discoverable. Like adding locks to your doors and a welcome mat at the entrance. Pick what matters for your project.

Security Headers

Add protective HTTP headers (CSP, HSTS, X-Frame-Options) — shields your site from common attacks

SEO Optimization

Meta tags, Open Graph, structured data, sitemap — so Google can find and show your site properly

AIO (AI Optimization)

Optimize for AI search engines (ChatGPT, Perplexity, Google AI) — structured content that AI can cite

Performance Optimization

Fast loading, image compression, caching — target Lighthouse 90+ scores

Accessibility (WCAG AA)

Keyboard navigation, screen reader support, contrast ratios — so everyone can use your site

Security Checklist / Pentesting

OWASP top 10 checks, input validation, dependency audit — a security review before launch

Safety rules

These rules keep your AI assistant from doing anything risky without checking with you first. Think of them as guardrails — like a "are you sure?" popup before anything important.

Always ask me before... Your AI will pause and check with you before doing any of these. (We recommend keeping all of these checked.)

Deploying to the live site

Publishing changes where real people can see them

Deleting files or data

Removing anything that might be hard to get back

Pushing code

Sending your code to GitHub or your hosting service

Adding new tools or libraries

Installing new packages or frameworks you haven't agreed to

Changing the look and feel

Altering colors, fonts, spacing, or the design system

How do you work with code versions? (Git) Git tracks changes to your code — like "undo history" but much more powerful. Pick what matches how you work.

I work alone — just save to main

Simple: make changes, save them. No branches or pull requests.

I use branches for each feature

Create a separate branch for each new thing, merge when ready.

Full team workflow with reviews

Branches + pull requests + code review before merging.

I don't use Git

No version control (we might suggest adding it later!).

How do you want to test your project? Testing makes sure your project works before anyone else sees it.

I'll test by clicking around myself

Manual testing — you open it and check things work.

Some automated tests

Write tests for the important parts, manual for the rest.

Full automated testing

Comprehensive test suite — unit, integration, and end-to-end.

Your instruction files are ready!

Use the tabs to switch between your files. Each one is tailored for the AI tool you selected.

Where to put each file:

Copied!

How was the experience?

Your feedback helps us improve. Rate and optionally tell us what could be better.

★ ★ ★ ★ ★

Thanks!