gregsantos

CLAUDE CODE — COMPREHENSIVE GUIDE

Last updated: February 2026

---

TABLE OF CONTENTS

1. What is Claude Code?
2. Installation & Setup

gregsantos

export const baseURL =
  process.env.NODE_ENV == "development"
    ? "http://localhost:3000"
    : "https://" +
      (process.env.VERCEL_ENV === "production"
        ? process.env.VERCEL_PROJECT_PRODUCTION_URL
        : process.env.VERCEL_BRANCH_URL || process.env.VERCEL_URL);

gregsantos

// Prompt To Generate App Outline

You are an AI assistant tasked with drafting artifacts for a new app idea. Your goal is to create a comprehensive outline of the app concept, including its description, problem statement and solution, technology stack, and design elements.

The app idea you will be working with is:

<app_idea> {{APP_IDEA}} </app_idea>

gregsantos

🛠️ Development Environment

• Language: TypeScript (^5.0.0)
• Framework: Next.js (App Router)
• Styling: Tailwind CSS
• Component Library: shadcn/ui
• Data Fetching: React Query (TanStack)
• Testing: Jest + React Testing Library
• Linting: ESLint with @typescript-eslint
• Formatting: Prettier

gregsantos

🧠 Claude Code Guide for Agentic Terminal Development

1. 🔧 Initial Project Setup

• Run /init on project start

Creates a Claude.md containing:

• Project summary
• Component descriptions

gregsantos

/* eslint-disable @typescript-eslint/no-explicit-any */
// Type definitions for @onflow/fcl 1.3.0
// Project: https://github.com/onflow/fcl-js
declare module "@onflow/six-create-account" {
  let template: any;
}

declare global {
  interface Window {
    fcl: any;

gregsantos

const fcl = require("@onflow/fcl")
const {TransactionAuthorizer} = require("@freshmint/core")
const {
  HashAlgorithm,
  InMemoryECSigner,
  SignatureAlgorithm,
  InMemoryECPrivateKey,
} = require("@freshmint/core/crypto")

const PRIVATE_KEY_HEX =

gregsantos

const {randomBytes} = require("crypto")
const secp256k1 = require("secp256k1")

// or require('secp256k1/elliptic')
//   if you want to use pure js implementation in node

// generate message to sign
// message should have 32-byte length, if you have some other length you can hash message
// for example `msg = sha256(rawMessage)`
const msg = randomBytes(32)

gregsantos

const isFn = v => typeof v === "function"
const isString = v => typeof v === "string"

function meta(meta) {
  return pipe([
    ix => {
      ix.meta = meta
      return Ok(ix)
    },
  ])

gregsantos

  let txIdCalculated = null
  const getTxHash = async () => {
    const txIdFromChain = await sdk.decode(
      await sdk.send(
        await sdk.resolve(
          await sdk.build([
            sdk.transaction`transaction(msg: String) { prepare(acct: AuthAccount) {} execute { log(msg) } }`,
            sdk.args([sdk.arg("Hello, Flow!", t.String)]),
            sdk.payer(fcl.currentUser().authorization),
            sdk.proposer(fcl.currentUser().authorization),