ClastX application

This is the ClastX app. This is where the coding work happens.

Use the application to debug web apps, refine implementation plans, scaffold features, review code, and work through real development tasks. The website should explain ClastX; the app should do the job.

live / AI enabled

Open docs Edit project brief

Early access

locally stored developer requests before real backend tooling

Checklist progress

0/4

Choose the first power workflow

Saved sessions

local workspace snapshots ready to reload

Primary stack

Next.js, React, TypeScript

strongest current budget signal: still gathering signal

Current focus

Sharpen the coding promise

from the local roadmap and coding workflow

Usage guard

Starter

Included

500

credits this month

Remaining

500

next prompt estimate: 6

Hard stop rule

When credits hit zero, ClastX should stop, push the user to top up, or move them to the next plan. No silent overage burn.

Agent mode

Debug

Reproduce issues, inspect the likely layer, and ship the smallest safe patch.

Mode deliverables

reproduction pathroot-cause treefix plantest or manual check

Saved sessions

Save the current mode, task, context, and thread so ClastX feels more like a real coding workspace even before accounts and databases exist.

Build checklist

0/4

in progress

Quick routes

Refine the project brief Save early-access requests Revisit pricing and limits Open the build roadmap Read the product docs Prep billing and usage

Workspace chat

Trace and fix bugs with live AI enabled.

live / GPT-5.4 mini

Docs

Current target

Turn ClastX into a believable coding cockpit

Developers instantly understand what ClastX helps them do first.

Working files

src/components/crust-chat.tsx, src/app/page.tsx

2 files mapped

Blocker: Live AI, auth, and billing are still off.

ClastX

This is your ClastX coding workspace. Use it to debug web app issues, break down features, review implementation plans, or tighten code quality. The surface is already structured so we can switch to live AI later without rebuilding the product.

Project context

ProjectStackCurrent taskTarget filesSuccess definitionBlockerNotes

Artifact pack

Prompt

Ready-to-send mode prompt

Use this ClastX project context:
Product: ClastX
Primary user: frontend developers, indie hackers, and small web teams
Primary stack: Next.js, React, TypeScript
Mode: Trace and fix bugs
Project: ClastX preview workspace
Current task: Turn ClastX into a believable coding cockpit
Target files: src/components/crust-chat.tsx, src/app/page.tsx
Success definition: Developers instantly understand what ClastX helps them do first.
Current blocker: Live AI, auth, and billing are still off.
Coding style: sharp, calm, production-minded
Notes: Keep the first workflow calm, sharp, and useful for web developers.

Work in DEBUG mode.
Focus: Root causes, logging, safe fixes, and regression coverage.
Deliverables: reproduction path, root-cause tree, fix plan, test or manual check.
Keep the answer concrete, structured, and implementation-focused.

Brief

Execution brief

Mode: Debug
Product: ClastX
Project: ClastX preview workspace
Current task: Turn ClastX into a believable coding cockpit
Stack: Next.js, React, TypeScript
Primary files: src/components/crust-chat.tsx, src/app/page.tsx
Success definition: Developers instantly understand what ClastX helps them do first.
Current blocker: Live AI, auth, and billing are still off.

Checks

Acceptance checklist

1. Reproduce the issue around "Turn ClastX into a believable coding cockpit".
2. Capture the smallest useful logs around Live AI, auth, and billing are still off..
3. Patch the smallest safe surface in src/components/crust-chat.tsx.
4. Verify the fix against "Developers instantly understand what ClastX helps them do first.".

Files

Working file map

1. src/components/crust-chat.tsx
2. src/app/page.tsx

Playbooks

Debug sprint

Turn a messy web bug into a clean reproduction path, hypothesis list, and fix plan.

Feature scaffold

Break a feature into routes, components, state, data flow, and implementation order.

Refactor pass

Find risky complexity and rewrite the plan into cleaner modules and safer changes.

Code review

Pressure-test a change for bugs, regressions, edge cases, and missing tests.

Project brief

Product: ClastX
Primary user: frontend developers, indie hackers, and small web teams
Primary stack: Next.js, React, TypeScript
Mode: Trace and fix bugs
Project: ClastX preview workspace
Current task: Turn ClastX into a believable coding cockpit
Target files: src/components/crust-chat.tsx, src/app/page.tsx
Success definition: Developers instantly understand what ClastX helps them do first.
Current blocker: Live AI, auth, and billing are still off.
Coding style: sharp, calm, production-minded
Notes: Keep the first workflow calm, sharp, and useful for web developers.

Product: ClastX
Primary user: frontend developers, indie hackers, and small web teams
Primary stack: Next.js, React, TypeScript
Usage budget: $100-$500
Coding style: sharp, calm, production-minded
Core promise: help web developers debug, refactor, and ship polished product code faster from one focused workspace
Notes: none yet