Agent-skills-standard JavaScript Language Patterns

Modern JavaScript (ES2022+) patterns for clean, maintainable code.

install
source · Clone the upstream repo
git clone https://github.com/HoangNguyen0403/agent-skills-standard
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/HoangNguyen0403/agent-skills-standard "$T" && mkdir -p ~/.claude/skills && cp -r "$T/.agent/skills/javascript/language" ~/.claude/skills/hoangnguyen0403-agent-skills-standard-javascript-language-patterns && rm -rf "$T"
manifest: .agent/skills/javascript/language/SKILL.md
source content

JavaScript Language Patterns

Priority: P0 (CRITICAL)

Modern JavaScript standards for clean, maintainable code.

Implementation Guidelines

  • Variables:
    const
    default.
    let
    if needed. No
    var
    .
  • Functions: Arrows for callbacks. Declarations for top-level.
  • Async:
    async/await
    +
    try/catch
    .
  • Objects: Destructuring, Spread
    ...
    , Optional Chain
    ?.
    , Nullish
    ??
    .
  • Strings: Template literals
    ${}
    .
  • Arrays:
    map
    ,
    filter
    ,
    reduce
    . No loops.
  • Modules: ESM
    import
    /
    export
    . Export only what is necessary.
  • Classes: Use
    #private
    fields for true privacy.

Anti-Patterns

  • No
    var
    : Block scope only.
  • No
    ==
    : Strict
    ===
    .
  • No
    new Object()
    : Use literals
    {}
    .
  • No Callbacks: Promisify everything.
  • No Mutation: Immutability first.

Code

// Modern Syntax
const [x, ...rest] = items;
const name = user?.profile?.name ?? 'Guest';

// Async
async function getUser(id) {
  try {
    const res = await fetch(`/api/${id}`);
    return res.json();
  } catch (err) {
    console.error(err);
    throw err;
  }
}

// Class + Private
class Service {
  #key;
  constructor(k) {
    this.#key = k;
  }
}

Reference & Examples

For advanced patterns and functional programming: See references/REFERENCE.md.

Related Topics

best-practices | tooling