القائمة
Use when working with the Stacks REPL — interactive TypeScript sessions, tinker sessions, debugging, or exploring the framework interactively. Covers @stacksjs/repl and @stacksjs/tinker.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
Use for headless browser QA on Stacks applications — navigation, screenshots, responsive testing, console/network monitoring, and accessibility snapshots. Dependency-free: drives a system browser over the Chrome DevTools Protocol using only Bun (no Playwright/Puppeteer). Invoke with /stacks-browse.
Use when styling components in a Stacks application — utility-first CSS classes, theming, responsive design, variants, custom rules, or CSS generation. Crosswind is the CSS utility engine powering Stacks' Crosswind config.
Use when working with UI in a Stacks application — components, composables, reactivity (refs/watch/computed), Craft native components, Crosswind CSS, Crosswind utility framework, accessibility, or the STX templating engine. Covers @stacksjs/ui, @stacksjs/stx, and related UI tooling.
Use when building, modifying, or debugging API endpoints in a Stacks application — defining routes, handling requests, API middleware, working with the API server, HTTP client (fetcher), API resources, or OpenAPI generation. Covers both @stacksjs/api utilities and the stacks-api server implementation.
Use when working with routing in a Stacks application — defining routes, HTTP methods, route groups, middleware, named routes, URL generation, request enhancement (Laravel-style input/query/file helpers), response helpers, error responses, route model binding, or rate limiting. Covers @stacksjs/router, routes/, and app/Routes.ts.
Use when defining or organizing route files in a Stacks application — creating route files in routes/, registering them in app/Routes.ts, using route prefixes and middleware groups, or the default API routes structure. For the router API itself (request helpers, response helpers, middleware classes), see stacks-router.
| name | stacks-repl |
| description | Use when working with the Stacks REPL — interactive TypeScript sessions, tinker sessions, debugging, or exploring the framework interactively. Covers @stacksjs/repl and @stacksjs/tinker. |
| license | MIT |
| compatibility | Bun >= 1.3.0, TypeScript |
| allowed-tools | Read Edit Write Bash Grep Glob |
storage/framework/core/repl/src/storage/framework/core/tinker/src/@stacksjs/repl, @stacksjs/tinkerimport { startRepl } from '@stacksjs/repl'
interface ReplConfig extends TinkerConfig {
loadFile?: string // Path to file to preload before starting
}
async function startRepl(config: ReplConfig): Promise<{ exitCode: number }>
config.loadFile is specified, reads the file contentconfig.eval for evaluationimport {
startTinker, // Start a tinker session
tinkerEval, // Evaluate an expression
tinkerPrint, // Print a result
getHistoryPath, // Get REPL history file path
readHistory, // Read command history
appendHistory, // Append to command history
clearHistory, // Clear command history
} from '@stacksjs/repl'
import type { TinkerConfig } from '@stacksjs/repl'
buddy tinker # Start interactive REPL session
buddy tinker --load file.ts # Preload a file before starting
Inside the REPL, all framework modules are available:
// Query the database
const users = await db.selectFrom('users').get()
// Use models
const post = await Post.find(1)
// Access config
console.log(config.app.name)
// Use faker for quick testing
const email = faker.internet.email()
buddy tinker calls startRepl() under the hoodgetHistoryPath()loadFile to run setup code before entering interactive mode