vite-patterns

vite-patterns is a skill for Claude Code, Codex from pekral/cursor-rules. It costs 52 tokens per session (2,320 once invoked), scanned A, original, MIT.

Use when configuring or optimizing Vite (laravel-vite-plugin) asset bundling in a Laravel app — entrypoints, the @vite Blade directive, HMR, env vars, aliases, manifests, code splitting, and production builds.

Skill for Claude CodeCodex

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

agentmods
npx agentmods add skills/pekral/cursor-rules/vite-patterns
Any agent
npx skills add pekral/cursor-rules --skill vite-patterns
Clone the repo
git clone --depth 1 https://github.com/pekral/cursor-rules

Made for: Claude Code, Codex.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for vite-patterns

README.md
[![agentmods](https://agentmods.dev/badge/skills/pekral/cursor-rules/vite-patterns.svg)](https://agentmods.dev/skills/pekral/cursor-rules/vite-patterns)
Your own site
<a href="https://agentmods.dev/skills/pekral/cursor-rules/vite-patterns"><img src="https://agentmods.dev/badge/skills/pekral/cursor-rules/vite-patterns.svg" alt="Measured on agentmods" height="20"></a>
Per session 52 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 2,320 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. Scan, not verified.
Origin unknown No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5 $0.00052 $0.02320
Opus 5 $0.00026 $0.01160
Sonnet 5 $0.00010 $0.00464
Haiku 4.5 $0.00005 $0.00232

Measured today against content hash 258a1f18e829, method: parsed. Prices are Anthropic first-party input rates as of 2026-08-30, from the pricing page.

Security

Grade A, and why

vite-patterns scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured today.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

skills/vite-patterns/SKILL.md · 284 lines

How it starts

The opening of the file, as written. The whole thing — 284 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Vite Patterns (Laravel)

Asset bundling and dev-server patterns for Laravel apps using the official laravel-vite-plugin. Covers vite.config.js, the @vite Blade directive, HMR in development, env vars, aliases, manifests, production builds, code splitting, and bundling for Livewire / Filament / Alpine.

Constraints

  • Apply @rules/laravel/laravel.mdc
  • Apply @rules/laravel/livewire.mdc and @rules/laravel/filament.mdc when bundling assets for those layers
  • Apply @rules/php/core-standards.mdc for any PHP touched (Blade config exposure, service providers)
  • This stack uses laravel-vite-plugin only. Never introduce React/Vue plugins, SSR frameworks, library mode, Bun, or Next.js.
  • Secrets never go into VITE_-prefixed vars — those are inlined into the public bundle.
  • Keep examples to npm, php artisan serve, and npm run dev / npm run build.

Use when

  • Setting up or editing vite.config.js with the laravel() plugin.
  • Wiring entrypoints and the @vite([...]) directive into Blade layouts.
  • Getting HMR / hot reload working in local development.
  • Exposing config to the client via VITE_ env vars or Blade-side config.
  • Adding resolve.alias paths, code splitting, or dynamic imports.
  • Understanding the manifest, cache-busting, and the production build.
  • Bundling JS/CSS that Livewire, Filament, or Alpine depend on.
  • Building assets in CI before deploy.

How it works

  • Dev mode (npm run dev) runs a Vite dev server that serves source files as native ESM and pushes HMR updates. The laravel-vite-plugin writes a public/hot file; the @vite directive detects it and points <script> / <link> tags at the dev server instead of built files.
  • Build mode (npm run build) bundles, hashes, and writes assets to public/build/ plus a manifest.json. @vite reads the manifest and emits the hashed URLs. Cache-busting is automatic via the content hash in filenames.
  • Env vars prefixed VITE_ are statically inlined into the client bundle via import.meta.env. Everything else stays server-side.

Read the full file on GitHub · 284 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. today First seen · 284 lines · 52 tokens per session scan A 258a1f18e829

Subscribe to this mod's changes

vite-patterns is a skill published in the GitHub repository pekral/cursor-rules (6 stars, last pushed 3d ago), licensed MIT. It adds 52 tokens to every session and 2,320 once invoked, about $0.0003 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-09-03.

Related

Other skills, from other repositories

browse-and-evaluate

Use when exploring the ai-agent-skills catalog to find, compare, and evaluate skills before installing. Always use --fields to limit output size and --dry-run before committing to an install.

MoizIbnYousaf/Ai-Agent-Skills · 43 tokens

loop-engineering

Shared loop-engineering reference for COG skills - the agent loop, deterministic verifiers, termination conditions, in-loop context management, and named patterns. Invoke when designing or debugging a skill that iterates (search-verify-retry, scan-until-dry, fetch-retry-gate).

huytieu/COG-second-brain · 63 tokens

render-airdrop-carousel

Assemble a viral iOS "AirDrop" notification-carousel video ad (≈6–8s, 9:16) from a brand line plus 6–16 real product photos — a native AirDrop share-sheet card ("Brand would like to share a · Decline / Accept") springs up and its preview window CYCLES through the products, landing on a range/lineup payoff with an…

gooseworks-ai/goose-skills · 207 tokens

render-3d-product-showcase

Assemble a premium 3D product-showcase ad from a config — four beat clips (an orbiting hero rotation, a macro push-in, a physics reveal, a typographic close) normalized to the brand-color canvas, hard-concatenated in order, closed on a deterministic Playwright brand end card, and mixed under one instrumental bed at…

gooseworks-ai/goose-skills · 159 tokens

vfx-text-cursor

Cursor light trail, chromatic rays, and directional flares for word-by-word quote reveals in video intros.

nexu-io/html-video · 28 tokens

music

Generate, remix, extend, edit, and analyze AI music (Mureka). Triggers on: "音乐", "music", "生成音乐", "generate music", "翻唱", "cover", "混音", "remix", "续写", "extend", "纯音乐", "instrumental", "配乐", "soundtrack", "分轨", "stem", "识别歌词", "recognize lyrics", "作曲", "compose", "create a song", "做一首歌".

marswaveai/skills · 109 tokens