Skip to content
OnTheBlock.Studio

Tools

Tools + System Modules

Practical tools and AI-assisted workflow modules for businesses that need clearer websites, stronger content, and reliable creative production.

Runtime Architecture

  • Next.js

    Application role

    Primary
  • React

    Interface role

    Core
  • TypeScript

    Safety role

    Strict

Logic + Intelligence

  • AI agents

    Workflow support

    Scoped
  • Prompt systems

    Creative role

    Versioned
  • Workflow setup

    Production role

    Practical

Cloud Fabric

  • Vercel

    Edge role

    Fast
  • CDN + cache

    Delivery role

    Tuned
  • Monitoring

    Review role

    Live

Content Systems

  • PostgreSQL

    Relational role

    Robust
  • Supabase

    Platform role

    Integrated
  • Content library

    Asset role

    Ready

Identity + Access

  • Auth flows

    Security role

    Secure
  • Role controls

    Permission role

    Scoped
  • Session policy

    Trust role

    Stable

Design Execution

  • Tailwind

    UI role

    Native
  • Motion layer

    Interaction role

    Subtle
  • Component system

    Scale role

    Reusable

Workflow stack

Platforms used across creative and technical production.

The stack spans design, video, music, AI generation, code, deployment, data, and communication. It is shown as a practical workflow index, not as a partner-logo wall.

Creative production

Design, edit, motion, and finishing tools for visual content.

  • Adobe Creative Cloud
  • Photoshop
  • Illustrator
  • Premiere Pro
  • DaVinci Resolve

AI image + video + audio

Generative platforms and model access used for visual, motion, and sound production.

  • Adobe Firefly
  • Higgsfield
  • Hailuo
  • Veo
  • Kling
  • Seedance
  • Sora
  • Nano Banana
  • Nano Banana Pro
  • ChatGPT Image 2

AI assistants + agents

Research, coding, prompting, and structured creative workflow support.

  • OpenAI
  • ChatGPT
  • Codex
  • Google Gemini
  • Grok
  • VS Code

Music + audio

Music direction, voice, sound, and audio generation support.

  • Suno
  • ElevenLabs
  • MiniMax Audio

Build + operations

Engineering, deployment, data, forms, and delivery infrastructure.

  • GitHub
  • Vercel
  • Supabase
  • Resend

Tool and platform names are trademarks of their respective owners. Listed use does not imply endorsement, sponsorship, or partnership.

Operational tools

High-signal resources for lean teams.

Lightweight frameworks we use to diagnose, prioritize, and ship clearer website, content, and workflow improvements without overbuilding.

Signal Scan checklist

A short diagnostic worksheet to audit messaging clarity, website friction, search-readiness gaps, and AI workflow opportunities.

Homepage clarity audit

A rapid review framework to identify unclear offers, vague copy, weak proof, and practical website improvement opportunities.

Launch checklist

A final pre-launch pass covering content QA, metadata, schema, page-speed basics, and workflow handoff notes.

DEEP / CONTEXT

Tools support the work; they do not replace direction.

The studio workflow combines selected creative, development, research, and automation tools with human judgment. Tools are chosen to make production more consistent and repeatable while keeping strategy, quality, and final decisions accountable.

When a tool is useful

A focused tool or automation can reduce repetitive steps, organize information, and make a specific decision easier. It is scoped around the client’s practical workflow rather than added for novelty.

What a client receives

  • A clear workflow purpose and scope
  • Appropriate interface or automation logic
  • Documentation for the agreed handoff or ongoing use