Skip to content
cccskills
FreePublished on GitHub

add-game

Add a second game to the monorepo (apps/<game>) from the seed game, wired to the gate. Load when asked to create a new game / app / prototype in this repo.

The English summary is being prepared. Showing the original description.

ltruchot/seed-pixi-typescript35 stars(GitHub 35 + cccskills 0)

Run score Not tested

See how to install

Files included (1)

  • SKILL.md980 B

SKILL.md (original)

Review the instructions the agent will receive before you install.

Add a game

  1. cp -r apps/game apps/<game> without node_modules, dist.
  2. package.json: name = <game> (the directory name), description.
  3. vite.config.ts: gameApp(<port>), next free even port (8080 game, 8082, 8084…); the preview is port + 1. Same port in e2e/playwright.config.ts (url, the preview port).
  4. index.html: <title>.
  5. Anything two games need (a helper, a Pixi setup) → a new packages/<name> with "exports": "./index.ts" (no build step, see packages/vite-config), not a copy.
  6. vp install, then vp run ready green: the new game's ready runs with the others.
  7. Update: CLAUDE.md (architecture, ports), .claude/settings.json allow (vp -C apps/<game> test|build|run e2e), README commands if they name apps/game.

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

Comments are published right away. Do not include personal information such as email addresses or phone numbers. Up to 2 URLs.

0 / 1,000 characters

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

More skills from this repository

e2e

Free

End-to-end tests of a game with Playwright (apps/*/e2e/*.e2e.ts) on a WebGL canvas, and taking screenshots of the running game. Load before writing or debugging an e2e test, or to look at the game in a browser.

The English summary is being prepared. Showing the original description.

ltruchot/seed-pixi-typescript35Updated Sep 24, 2026

game

Free

How a game of this seed is organized (apps/<game>/src) and how to add gameplay with PixiJS v8 without breaking the strict gate. Load before editing apps/*/src or apps/*/tests.

The English summary is being prepared. Showing the original description.

ltruchot/seed-pixi-typescript35Updated Sep 24, 2026

pixijs

Free

Use this skill first for ANY PixiJS v8 task; it routes to the right specialized skill for the job. Covers the full PixiJS surface: Application setup, the scene graph (Container, Sprite, Graphics, Text, Mesh, ParticleContainer, DOMContainer, GifSprite), rendering (WebGL/WebGPU/Canvas, render loop, custom shaders, filters, blend modes), assets, events, color, math, ticker, accessibility, performance, environments, migration from v7, and project scaffolding. Triggers on: pixi, pixi.js, pixijs, PixiJS, v8, Application, app.init, Sprite, Container, Graphics, Text, Mesh, ParticleContainer, DOMContainer, GifSprite, Assets, Ticker, renderer, WebGL, WebGPU, scene graph, filter, shader, blend mode, texture, BitmapText, create-pixi, how do I draw, how do I render, how do I animate in pixi.

The English summary is being prepared. Showing the original description.

ltruchot/seed-pixi-typescript35Updated Sep 24, 2026

Use this skill when adding screen reader and keyboard navigation to PixiJS v8 apps. Covers AccessibilitySystem options (enabledByDefault, debug, activateOnTab, deactivateOnMouseMove), per-container accessibility properties, shadow DOM overlay, mobile touch-hook activation. Triggers on: accessibility, a11y, screen reader, ARIA, keyboard navigation, tab order, AccessibilitySystem, accessibleTitle, accessibleHint, tabIndex, accessibleChildren.

The English summary is being prepared. Showing the original description.

ltruchot/seed-pixi-typescript35Updated Sep 24, 2026

Use this skill when creating and configuring a PixiJS v8 Application. Covers new Application() + async app.init() options (width, height, background, antialias, resolution, autoDensity, preference, resizeTo, autoStart, sharedTicker, canvas, useBackBuffer, powerPreference, eventFeatures, accessibilityOptions, gcActive, bezierSmoothness, webgl/webgpu/canvasOptions per-renderer overrides), app.stage/renderer/canvas/screen/domContainerRoot access, ResizePlugin, TickerPlugin, CullerPlugin (cullable, cullArea), custom ApplicationPlugin via ExtensionType.Application, start/stop lifecycle, and app.destroy() with releaseGlobalResources. Triggers on: Application, app.init, app.stage, app.renderer, app.canvas, app.screen, app.domContainerRoot, ApplicationOptions, ApplicationPlugin, ExtensionType.Application, resizeTo, sharedTicker, skipExtensionImports, preferWebGLVersion, preserveDrawingBuffer, cullable, CullerPlugin, app.start, app.stop, app.destroy, releaseGlobalResources.

The English summary is being prepared. Showing the original description.

ltruchot/seed-pixi-typescript35Updated Sep 24, 2026

Use this skill when loading and managing resources in PixiJS v8. Covers Assets.init, Assets.load/add/unload, bundles, manifests, background loading, onProgress, caching, spritesheets, video textures, web fonts, bitmap fonts, animated GIFs, compressed textures, SVG as texture or Graphics, resolution detection, per-asset data options, and forcing a specific loader with the parser field (for extension-less URLs). Triggers on: Assets, Assets.load, Assets.init, loadBundle, manifest, backgroundLoad, Spritesheet, Cache, LoadOptions, unload, parser, loadParser, loadWebFont, loadBitmapFont, loadVideoTextures, GifSource, VideoSourceOptions.

The English summary is being prepared. Showing the original description.

ltruchot/seed-pixi-typescript35Updated Sep 24, 2026

See all skills by ltruchot

Report a problem with this skill