Prototype
Your Stack, Powered Up
Give your project a brain that understands your specific files and folders. It’s like having a senior dev who already knows your entire design system by heart.
Customize LLM
Technology: Tanstack (React)
- Core: TanStack Start (React)
- Routing: Use File based Routing (
/routes/). - Data Fetching: Use
createFileRoutewith theloaderproperty for pre-fetching. - Server Logic: Use
createServerFnfor RPC-style server calls. - Type Safety: Leverage full-stack type safety by exporting/importing types from
createServerFndirectly. - Hydration: Use
Suspensefor streaming data andAwaitcomponents for deferred promises. - Search Params: Always use
validateSearchin route definitions to ensure type-safe URL state.
Design System: Shadcn (Base UI)
- Library: shadcn/ui (Base UI primitives).
- Strategy: Atomic components. Check
@/components/uibefore building. - Styling: Utility-first Tailwind CSS. Use CSS variables defined in
globals.cssfor theme colors. - Conditional Classes: Use the
cn()utility (clsx + tailwind-merge) for all conditional styling. - Constraint: Do not use inline styles. Follow the ui folder's existing pattern for consistency.
AI Behavior & Tone: Senior Engineer
- Tone: Senior Software Engineer; concise and performance-oriented.
- Code Style: Prefer clean, modular patterns and modern syntax standards.
- Error Handling: Ensure robust error boundaries and user-friendly messaging for all asynchronous operations.
- Refactoring: Proactively suggest simplifications or architectural improvements when adding new functionality.
A Better Way To Build
Everything works together to keep your project safe, organized, and moving forward without friction.
Stay Secure
We quietly scan your code for common risks while keeping keys and sensitive data protected by default.
Move Faster
Catch issues early and keep shipping without slowing your workflow or changing how you build.
Built to Last
Clear patterns and consistent checks help your code stay clean, readable, and easier to maintain over time.
Consistent by Default
Set your preferences once and keep going. Your rules and style stay consistent across every interaction.
Introduction
Roadmap
A clear view of what is built now, what comes next, and how your product evolves step by step.
Early Build
Next Phase
Help Shape This
This is an early prototype. Your feedback will help shape what we build next. Share your thoughts on Twitter.
Share Feedback?
