본문으로 건너뛰기
cccskills
무료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.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

ltruchot/seed-pixi-typescript스타 35(GitHub 35 + cccskills 0)

실행 점수 미검증

설치 방법 보기

포함된 파일(1)

  • SKILL.md980 B

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

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.

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

e2e

무료

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.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

ltruchot/seed-pixi-typescript352026년 9월 24일 업데이트

game

무료

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.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

ltruchot/seed-pixi-typescript352026년 9월 24일 업데이트

pixijs

무료

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.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

ltruchot/seed-pixi-typescript352026년 9월 24일 업데이트

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.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

ltruchot/seed-pixi-typescript352026년 9월 24일 업데이트

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.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

ltruchot/seed-pixi-typescript352026년 9월 24일 업데이트

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.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

ltruchot/seed-pixi-typescript352026년 9월 24일 업데이트

ltruchot의 스킬 모두 보기

이 스킬의 문제 신고