원클릭으로
void
Void skill for app development and CLI operations. Use this skill to route user requests to the appropriate bundled Void docs.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
메뉴
Void skill for app development and CLI operations. Use this skill to route user requests to the appropriate bundled Void docs.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
Find and remove AI slop — the generic, machine-default visual and copy tics of vibe-coded products — from a web project. Use when the user asks to "kill AI slop", "de-slop", "remove the AI look", "make this not look AI-generated", or clean up a landing page / UI / docs that feels templated. Detects and fixes the catalogue of tells: indigo→violet gradients, gradient-clip headlines, the default semantic palette, one-hue status boxes, atmospheric gradients, serif-italic emphasis, highlighted keywords, AI copywriting voice ("not just X — it's Y"), emoji everywhere, glowing status dots, colored-left-border callouts, pastel icon tiles, glassmorphism, over-rounding, oversized shadows, borders that die at corners, badge & pill spam, AI-drawn SVG icons, kickers over every heading, flat type hierarchies, invented stat rows (10k+ / 99.9% / 24/7), 01/02/03 section markers, cards nested in cards, the default Inter/Space Grotesk look, and more. Works on HTML/CSS, React/Vue/Svelte/Astro, Tailwind, PHP, and Markdown copy.
High-fidelity HTML design and prototype creation. Use this skill whenever the user asks to design, prototype, mock up, or build visual artifacts in HTML — including slide decks, interactive prototypes, landing pages, UI mockups, animations, or any visual design work. Also use when the user mentions Figma, design systems, UI kits, wireframes, presentations, or wants to explore visual design directions. Even if they just say "make it look good" or "design a screen for X", this skill applies.
You are required to load this before writing code. Load this skill for code-related task. Do not use this skill for simple reading code or analyze tasks unless it's related to personal codestyle.
Finds root cause before applying fixes for errors, crashes, regressions, failing tests, broken behavior, and screenshot-reported defects. Use when users report in any language errors, crashes, broken behavior, regressions, failing tests, screenshot evidence, or something that used to work and now fails. Not for code review or new features.
Turns rough ideas into approved, decision-complete plans with validated structure before coding. Use when users ask in any language for planning, architecture, design direction, feasibility, value judgment, or whether a feature is worth doing before implementation. Not for bug fixes or small edits.
Migrate an existing Vite app using @cloudflare/vite-plugin to Vite + void. Use when a project already runs on Cloudflare Workers but needs Void file-based routes, inferred bindings, and void deploy workflow.
SOC 직업 분류 기준
| name | void |
| description | Void skill for app development and CLI operations. Use this skill to route user requests to the appropriate bundled Void docs. |
This skill is a router. Open the minimum relevant docs files under docs/ and execute.
Docs in this skill are bundled from docs/ during void package build and live at:
skills/void/docs/**/*.mdUse void in examples and commands in this skill. For first-time setup, prefer void init followed by void deploy; in an empty directory, install void first and let void init add the matching Pages adapter and starter dependencies with Vite+ as the default scaffold toolchain. In an existing app, void init configures Void in place by adding missing Vite scripts and creating or patching vite.config.* with voidPlugin(). void init can also handle auth and project linking interactively.
Use void and @void/* in code examples and package manifests.
If invoked without a concrete task, do a brief app status check and report:
void, framework, spa, static) using docs/app-types.md criteria.routes/, pages/, middleware/, migrations/, crons/, queues/, SSR entries).void/db, void/kv, void/storage, queue usage).void/auth, auth client imports, OAuth env vars)..void/project.json) and config readiness (void.json, tsconfig extends).void auth whoami, void db status when relevant).Then ask what to do next.
| User intent | Docs file(s) |
|---|---|
| CLI command syntax, flags, env vars | docs/reference/cli.md |
| Initial setup, onboarding, first app | docs/guide/quickstart.md, docs/reference/cli.md |
| App type detection and mode behavior | docs/guide/app-types.md, docs/reference/config.md |
| Server/API routing and middleware | docs/guide/server-routing.md, docs/integrations/hono.md |
| Pages mode, loader/action, forms, layouts | docs/guide/pages-routing/*.md, docs/guide/type-safety.md |
| Database and migrations | docs/guide/database.md, docs/guide/type-safety.md |
| Typed fetch and end-to-end typing | docs/guide/typed-fetch.md, docs/guide/type-safety.md |
| Authentication | docs/guide/auth.md, docs/guide/env-vars.md |
| Cloudflare runtime bindings and config | docs/integrations/cloudflare.md, docs/reference/config.md, docs/guide/env-vars.md |
| AI inference (Workers AI, providers) | docs/guide/ai.md |
| KV / storage / queues / cron jobs | docs/guide/kv.md, docs/guide/storage.md, docs/guide/queues.md, docs/guide/jobs.md |
| SSR and caching | docs/guide/ssr.md, docs/guide/edge/*.md |
| Rewrites, redirects, fallbacks | docs/guide/edge/rewrites.md, docs/guide/edge/redirects.md, docs/reference/config.md |
| Static site generation | docs/guide/ssg.md |
| Deployment and CI | docs/guide/deployment.md, docs/reference/cli.md |
| Project status, deployment history | docs/reference/cli.md |
| Cache purging | docs/reference/cli.md |
| Project logs, runtime errors | docs/reference/cli.md |
| Secrets management (put/sync/delete) | docs/reference/cli.md, docs/guide/env-vars.md |
Typed env vars (defineEnv, env.ts) | docs/guide/env-vars.md |
| Custom domain setup | docs/reference/cli.md |
| Database status, reset, seed, export | docs/reference/cli.md, docs/guide/database.md |
| Auth login/logout/whoami | docs/reference/cli.md |
| Overview / introduction | docs/guide/index.md |
| API surface details | docs/reference/api.md |
| Meta framework integration | docs/integrations/frameworks/*.md |
| Coding agent setup | docs/integrations/agents.md |
| Node.js / Bun / Deno targets | docs/integrations/nodejs-bun-deno.md |
| ORMs and external databases | docs/integrations/orms-and-external-dbs.md |
| Project structure and conventions | docs/reference/structure.md |
| Resource/binding inference | docs/reference/resource-inference.md |
void commands — including checking status, managing secrets, viewing logs, or deploying — open docs/reference/cli.md FIRST. Do not guess command syntax.void CLI command names or flags. Always consult docs/reference/cli.md for the exact command before running it.env.ts, the canonical access pattern is import { env } from "void/env". Declare every env key in env.ts via defineEnv({...}) so values are typed and validated. Do not introduce ad-hoc process.env.X or untyped c.env.X access in new code — add the key to env.ts first.