SolidJSSolidStartTypeScriptViteDevin

SolidJS × Devin AI Prompt Engineering

Stop fighting Devin hallucinations. Generate SolidJS-aware prompts that produce code your team can actually ship.

❌ Generic AI Output

// ❌ Generic Devin output for SolidJS
// Missing SolidJS conventions
// No error handling, no types
// Ignores SolidStart best practices
function getData() {
  // hallucinated API
  return fetch('/api/data').then(r => r.json());
}

✅ Prompt Architect Output

// ✅ AI Prompt Architect output
// Full SolidJS conventions enforced
// Proper error handling & types
// SolidStart best practices included
// Production-ready, zero hallucinations

Real Generated Output

Automated Quality Enforcement

Every prompt includes strict bans and deprecation rules tailored to your SolidJS + SolidStart + TypeScript + Vite + Devin stack

strict-bans.md — AI Prompt Architect

# ⛔ STRICT BANS — Enforced Constraints

## Framework Version Enforcement
- **BANNED**: React class components → Use functional components + hooks
- **BANNED**: `componentWillMount`, `componentWillUpdate` → Use `useEffect`
- **BANNED**: `getInitialState` → Use `useState` or `useReducer`
- **BANNED**: `createClass` syntax → Use arrow function components
- **BANNED**: PropTypes runtime validation → Use TypeScript interfaces
- **BANNED**: `defaultProps` static → Use ES6 default parameters

## TypeScript Enforcement
- **BANNED**: `any` type annotations → Use `unknown` + type guards
- **BANNED**: `@ts-ignore` comments → Fix the actual type error
- **BANNED**: Non-null assertions (`!`) → Use optional chaining (?.)
- **BANNED**: `enum` keyword → Use `as const` union types
- **BANNED**: `namespace` declarations → Use ES modules

## Security Constraints
- **BANNED**: `eval()`, `Function()` constructors
- **BANNED**: `innerHTML` assignments → Use `textContent` or sanitise
- **BANNED**: Hardcoded secrets, API keys, or credentials
- **BANNED**: `http://` URLs in production → Enforce `https://`
- **BANNED**: `*` CORS origins in production → Whitelist domains
- **BANNED**: SQL string concatenation → Use parameterised queries
- **BANNED**: `localStorage` for auth tokens → Use httpOnly cookies

## State Management
- **BANNED**: Prop drilling beyond 2 levels → Use Context or Zustand
- **BANNED**: `useEffect` for data fetching → Use React Query / SWR
- **BANNED**: Mutable state mutations → Use immutable update patterns
- **BANNED**: Global mutable variables → Use React state or stores

## API & Data Patterns
- **BANNED**: `fetch` without error handling → Wrap in try/catch
- **BANNED**: Untyped API responses → Define response interfaces
- **BANNED**: `console.log` in production → Use structured logger
- **BANNED**: Synchronous file I/O → Use async/await patterns
- **BANNED**: Unbounded `.find()` / `.filter()` on large arrays → Use Map/Set

## CSS & Styling
- **BANNED**: Inline styles for layout → Use CSS modules or Tailwind
- **BANNED**: `!important` overrides → Fix specificity properly
- **BANNED**: Fixed pixel breakpoints → Use relative units (rem/em)
- **BANNED**: `z-index` values > 100 → Use a z-index scale system

❌ The Problem

Devin destructures SolidJS props (breaking reactivity) and conflates Solid with React patterns. Devin's autonomous coding sessions can drift from project conventions without structured prompts.

✅ The Solution

AI Prompt Architect enforces fine-grained reactivity — no prop destructuring, createSignal, and Show/For components. It structures prompts that keep Devin aligned with your codebase conventions across autonomous sessions.

Frequently Asked Questions

Does it work with Devin AI?

Yes. AI Prompt Architect generates prompts optimised for Devin, including workspace context and constraint syntax that keeps Devin's autonomous sessions on-track.

Can it handle SolidJS projects?

Absolutely. Prompts include SolidJS-specific conventions, API patterns, and best practices to eliminate common hallucinations.

Is there a free tier?

Yes — generate up to 5 prompts per day for free. Pro tier unlocks unlimited generations, team sharing, and advanced templates.

Technical Deep Dive

How does AI Prompt Architect optimise prompts for Devin?

It structures prompts for autonomous multi-step execution — encoding verification checkpoints, rollback boundaries, and explicit success criteria. The system ensures Devin stays aligned with your conventions across long autonomous sessions.

How do I set up the initial project architecture with these technologies?

Use AI Prompt Architect to generate a scaffold prompt that includes directory structure, configuration files, environment setup, and dependency installation commands tailored to your exact stack combination. The prompt enforces best-practice file organisation from the start.

See the difference yourself

Stop wasting time fixing AI-generated SolidJS code. Start with the right prompt.

Try SolidJS + Devin Prompts Free

Related Architectures

Explore more stack-specific prompt engineering guides

SolidJSSolidStartTypeScript

SolidJS × Devin AI Prompt Engineering

Automated Quality Enforcement

Frequently Asked Questions

Technical Deep Dive

See the difference yourself

Related Architectures

SolidJS × GitHub Copilot Prompt Engineering

SolidJS × Claude Prompt Engineering

SolidJS × Cursor AI Prompt Engineering