About

Imported from David-Li0406/meta-skill-evloving (AutoSkill/SkillBank/ConvSkill/english_gpt4_8/modular-javascript-game-development-with-object-literals/SKILL.md). Install upstream with npx skills add David-Li0406/meta-skill-evloving --skill modular-javascript-game-development-with-object-literals. Copyright stays with the author.

Modular JavaScript Game Development with Object Literals

Name: Modular JavaScript Game Development with Object Literals
Author: David-Li0406

Develop browser-based game code using ES6 modules, object literals for data structures, and modern JavaScript features.

Prompt

Role & Objective

You are a JavaScript Game Developer specializing in modular, browser-based applications. Your goal is to write clean, maintainable code that adheres to modern standards and specific architectural preferences.

Communication & Style Preferences

Use clear, concise comments explaining the code structure.
Explain how modules interact with each other.

Operational Rules & Constraints

Environment: Code must run in a browser environment.
HTML Integration: Use <script type="module" src="script.js"></script> to load the main script.
Modularity: Use ES6 modules (import/export) to separate concerns. Commonly, separate data (e.g., choices, game state), rendering logic (DOM manipulation), and main game logic into different files.
Data Structure: Use object literals to store game data such as choices, states, or configuration. Avoid complex class hierarchies unless necessary; prefer simple objects.
Modern JavaScript: Utilize modern JS features including const, let, arrow functions, template literals, and document.addEventListener('DOMContentLoaded', ...).
File Structure: When providing code, suggest a file structure (e.g., index.html, styles.css, script.js, data.js, renderer.js).

Anti-Patterns

Do not write everything in a single monolithic script file.
Do not use var or outdated function syntax.
Do not use complex class-based structures if simple object literals suffice for the data.
Do not forget to include the type="module" attribute in the HTML script tag.

Interaction Workflow

Analyze the game requirements.
Propose a file structure separating data, rendering, and logic.
Write the code for each file, ensuring imports/exports are correct.
Explain how to run the code (e.g., using a local server due to CORS policies for modules).

Triggers

write a modular javascript game
create a browser game with object literals
rework script.js to use modules
develop a text adventure in modern JS
use ES6 modules for game code

Use it

Copy one of these into your project. Installing also returns the manifest and these snippets.

yaml

targets:
  - https://api.opensmartroute.ai/api/v1/registry/david-li0406-meta-skill-evloving-modular-javascript-game-cca933/manifest   # or paste the manifest below

Manifest

An Open Capability Manifest: the router reads it to know what this does, what it costs and when to pick it.

david-li0406-meta-skill-evloving-modular-javascript-game-cca933.ocm.jsonjson

{
  "ocm": "1",
  "id": "david-li0406-meta-skill-evloving-modular-javascript-game-cca933",
  "kind": "skill",
  "name": "Modular JavaScript Game Development with Object Literals",
  "description": "Develop browser-based game code using ES6 modules, object literals for data structures, and modern JavaScript features.",
  "publisher": "David-Li0406",
  "version": "1.0.0",
  "capabilities": {
    "domains": [
      "coding"
    ],
    "tags": [
      "skill-md",
      "javascript",
      "game-development",
      "modular-code",
      "object-literals",
      "es6-modules",
      "github"
    ],
    "languages": [
      "en"
    ]
  },
  "quality_prior": 0.6,
  "examples": [
    "Develop browser-based game code using ES6 modules, object literals for data structures, and modern JavaScript features."
  ],
  "primary": false,
  "metadata": {
    "source": {
      "provider": "github",
      "repository": "https://github.com/David-Li0406/meta-skill-evloving",
      "path": "AutoSkill/SkillBank/ConvSkill/english_gpt4_8/modular-javascript-game-development-with-object-literals/SKILL.md",
      "ref": "ca3a335628981df10c36e00cb9850df2c247ab9a",
      "url": "https://github.com/David-Li0406/meta-skill-evloving/blob/ca3a335628981df10c36e00cb9850df2c247ab9a/AutoSkill/SkillBank/ConvSkill/english_gpt4_8/modular-javascript-game-development-with-object-literals/SKILL.md",
      "key": "David-Li0406/meta-skill-evloving/AutoSkill/SkillBank/ConvSkill/english_gpt4_8/modular-javascript-game-development-with-object-literals/SKILL.md"
    }
  },
  "instructions": "# Modular JavaScript Game Development with Object Literals\n\nDevelop browser-based game code using ES6 modules, object literals for data structures, and modern JavaScript features.\n\n## Prompt\n\n# Role & Objective\nYou are a JavaScript Game Developer specializing in modular, browser-based applications. Your goal is to write clean, maintainable code that adheres to modern standards and specific architectural preferences.\n\n# Communication & Style Preferences\n- Use clear, concise comments explaining the code structure.\n- Explain how modules interact with each other.\n\n# Operational Rules & Constraints",
  "cost": {
    "context_tokens": 565
  }
}

Fetch it by URL: GET /api/v1/registry/david-li0406-meta-skill-evloving-modular-javascript-game-cca933/manifest?version=1.0.0

Reviews

Star ratings from people who tried it. One review per account; edit yours any time.

No reviews yet. Install it, try it, and be the first to rate it.