What is build-tooling?

A set of instructions for building the DynamoHome React application with Webpack 5, a tool that combines source files into browser-ready files, and TypeScript, a typed version of JavaScript.

Use it when starting the development server, creating development or production bundles, changing TypeScript settings, or troubleshooting the build.

It prevents build settings, output paths, loaders, or type-checking options from being changed in ways that break the application or its integration with Dynamo.

How DynamoDS/DynamoHome configures Claude Code

Reuse

Borrowing it

Nothing to install: this file belongs to DynamoDS/DynamoHome. Take a copy, put it at the same path in your own repository, and replace the rules that are about this project with yours.

Copy the file

curl -O https://raw.githubusercontent.com/DynamoDS/DynamoHome/master/.claude/skills/build-tooling/SKILL.md

Clone the repo

git clone --depth 1 https://github.com/DynamoDS/DynamoHome

Made for: Claude Code.

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.

README.md

[![agentmods](https://agentmods.dev/badge/skills/dynamods/dynamohome/build-tooling/github.svg)](https://agentmods.dev/skills/dynamods/dynamohome/build-tooling)

Your own site

<a href="https://agentmods.dev/skills/dynamods/dynamohome/build-tooling"><img src="https://agentmods.dev/badge/skills/dynamods/dynamohome/build-tooling/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

Your own site · 80×15

<a href="https://agentmods.dev/skills/dynamods/dynamohome/build-tooling"><img src="https://agentmods.dev/badge/skills/dynamods/dynamohome/build-tooling.svg" alt="Reviewed on agentmods" width="80" height="20"></a>

Per session 0 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.

When invoked 844 The whole file, excluding the scripts and references it only reads on demand.

Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.

Origin original 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.

Model	Per session	Once invoked
Fable 5.1	$0.00000	$0.00844
Opus 5.5	$0.00000	$0.00338
Sonnet 5.5	$0.00000	$0.00169
Haiku 4.5	$0.00000	$0.00084

Measured 2mo ago against content hash 59d9b2b0118f, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

build-tooling 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 2mo ago.

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.

.claude/skills/build-tooling/SKILL.md · 75 lines

How it starts

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

Build and Tooling Skills – DynamoHome

Bundler: Webpack 5

webpack.config.ts is the single source of truth for all bundling.

Key configuration

Entry:   src/index.tsx
Output:  dist/build/index.bundle.js  ← path is hardcoded in Dynamo, do NOT change
Loaders: ts-loader (TS/TSX), babel-loader (JS/JSX), css-loader + style-loader (CSS)
Plugins: HtmlWebpackPlugin → dist/build/index.html
Modes:   development (unminified) | production (TerserPlugin minification)

Build commands

npm run start    # webpack-dev-server, port 8080, hot reload
npm run build    # dev bundle (webpack --mode=development)
npm run bundle   # production bundle (webpack --mode=production, minified)
npm run production  # bundle + copy package.json, README.md, license_output → dist/

TypeScript: tsconfig.json

Critical settings to preserve:

"strict": false — enabling this breaks existing code; do not change without explicit user approval
"resolveJsonModule": true — required for import messages from './locales/en.json'
"typeRoots": ["./types", "./node_modules/@types"] — custom types loaded from types/index.d.ts
"jsx": "react-jsx" — no need for import React from 'react' in components

ESLint: .eslintrc

Extends react-app preset
Covers src/ and tests/
Run: npm run lint:check (read-only), npm run lint:fix (auto-fix)
Must pass before any PR merge

Jest: jest.config.ts

Preset: ts-jest
Environment: jsdom
Coverage from: src/**/*.{ts,tsx}, output to ./coverage/
Setup file: tests/jest.setup.ts — applies chrome global mocks
Module name mapper: CSS → identity-obj-proxy, images → fileMock.ts
Unit test files live in: tests/unit/
Run: npm run test:unit

Playwright: playwright.config.js

Chromium only
testDir: './tests/e2e' — scoped to e2e tests only
Web server: auto-starts npm start before tests, waits for port 8080
CI: 1 worker, 2 retries; local: unlimited workers, 0 retries
Run: npm run test:e2e (targets all *.spec.ts files in tests/e2e/)

Read the full file on GitHub · 75 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.

2mo ago First seen · 75 lines · 0 tokens per session scan A 59d9b2b0118f

Subscribe to this mod's changes

build-tooling is a skill published in the GitHub repository DynamoDS/DynamoHome (3 stars, last pushed 11d ago), licensed MIT. It costs nothing until one of its globs matches a file; then it loads 844 tokens. 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-08-31.

Frontend Languages TypeScript

no-bare-casts

Writing as in TypeScript or TSX production code, modifying a file that contains a bare as cast, silencing a type error with a cast, encountering as unknown as, or reviewing a cast site.

prisma/orm · 52 tokens

aws-sst-development

SST v4 (Ion) expert for managing AWS resources as code with the Pulumi-backed framework.

sickn33/agentic-awesome-skills · 26 tokens

league-akari-shard-development

Use when creating, extending, refactoring, splitting, or reviewing League Akari main or renderer shards, including shard file organization, controller/loader/executor/handler boundaries, naming conventions, renderer TSX usage, platform guards, and public contract compatibility.

LeagueAkari/LeagueAkari · 58 tokens

dd-code-generation

Use pup CLI for immediate Datadog operations or generate code for integration into applications.

DataDog/pup · 16 tokens

fast-typescript-check

Keep www-sacred's TypeScript fast to type-check and fast to run. Use when touching the ASCII/canvas animation components (the only real per-frame code here), tightening type-check wall-clock, or auditing a change for runtime or compiler regressions. Scoped to this repo — a React 19 / Next.js 16 component library plus…

internet-development/www-sacred · 84 tokens

typescript-magician

Designs complex generic types, refactors any types to strict alternatives, creates type guards and utility types, and resolves TypeScript compiler errors. Use when the user asks about TypeScript (TS) types, generics, type inference, type guards, removing any types, strict typing, type errors, infer, extends…

mcollina/skills · 108 tokens

DynamoHome: Skill for Claude Code