Tackl: Instructions file for Codex

AGENTS.md

Tackl AGENTS.md is an instructions file for Codex, OpenCode from 12-Studio/Tackl. It costs 4,298 tokens per session, scanned A, original, MIT.

A project instruction file for coding agents working on Tackl, a software toolkit with its own component and styling conventions.

In plain words
What is it for?
Use it when creating or editing Tackl components, choosing HTML elements, importing shared tools, and following the project's styles and file structure.
Why use it?
It prevents agents from using unsupported components, imports, aliases, or file layouts that could break the project or conflict with its design rules.

Instructions file for CodexOpenCode

Written for Codex and OpenCode: the file is AGENTS.md. Also seen: reads .claude/ paths; mentions Claude Code; mentions AGENTS.md.

This is 12-Studio/Tackl's own configuration. It tells Codex and OpenCode how to work on Tackl itself, so it is not a mod to install elsewhere. Copy it as a starting point and replace the rules that are about this project. Everything Tackl configures →

Reuse

Borrowing it

Nothing to install: this file belongs to 12-Studio/Tackl. 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/12-Studio/Tackl/main/AGENTS.md
Clone the repo
git clone --depth 1 https://github.com/12-Studio/Tackl

Made for: Codex, OpenCode.

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.

agentmods badge for Tackl AGENTS.md

README.md
[![agentmods](https://agentmods.dev/badge/instructions/12-studio/tackl/agents-md/github.svg)](https://agentmods.dev/instructions/12-studio/tackl/agents-md)
Your own site
<a href="https://agentmods.dev/instructions/12-studio/tackl/agents-md"><img src="https://agentmods.dev/badge/instructions/12-studio/tackl/agents-md/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.

agentmods 80×15 button for Tackl AGENTS.md

Your own site · 80×15
<a href="https://agentmods.dev/instructions/12-studio/tackl/agents-md"><img src="https://agentmods.dev/badge/instructions/12-studio/tackl/agents-md.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 4,298 This file is loaded in full into every session.
When invoked 4,298 The same file — it is already loaded in full.
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.

ModelPer sessionOnce invoked
Fable 5.1 $0.04298 $0.04298
Opus 5.5 $0.01719 $0.01719
Sonnet 5.5 $0.00860 $0.00860
Haiku 4.5 $0.00430 $0.00430

Measured 26d ago against content hash 1574bd1eea0c, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

Tackl AGENTS.md 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 26d 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.

AGENTS.md · 331 lines

How it starts

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

AGENTS.md

Guidance for AI coding agents working in a Tackl project. Tool-agnostic — read by Cursor, Claude Code, Copilot, Zed, Aider, Gemini CLI and any tool that supports the agents.md convention.

Human-facing docs live in docs/ and README.md; deep-dive skills live in skills/ (see the end of this file).


The one rule that trips agents up most

Styles are SCSS CSS Modules — there is no CSS-in-JS. styled-components, Div, the $pad/$mar props, theme getters (getBrand, getGap, …) and @tackl/type do not exist — never import or recreate them. Write plain JSX tags and style them from the component's styles.module.scss:

import s from './styles.module.scss';

<section className={s.jacket} data-pad>
	<h1 className='t-displayL'>Heading</h1>
</section>

The only layout primitive is Col — a grid child with responsive spans. Pick the tag with as; it accepts span props ($s…$uber) and every prop of that tag, fully typed:

import { Col } from '@waffl';

<Col as='article' $m='2/6' $l='3/9' className={s.card}>…</Col>

Children that don't need a narrower span don't need Col at all (see the grid section). Span props only take effect when the Col is a direct child of a <Grid>; Col is a div by default, so as='div' is never needed.


Imports & aliases

Import Use for Never write
import { breakpoints, mq, alpha, getVw } from '@tackl' JS breakpoints, colour/viewport utils import { Div, getBrand, bp, Col } from '@tackl' (removed / moved)
import s from './styles.module.scss' A component's styles import * as S from './styles', import styled …
import Grid, { Col } from '@waffl' The grid (default import) and its column (named) import { Grid } from '@waffl', deep paths, import { Waffl }
import { theme } from '@theme' Tokens in JS (GSAP, inline styles) — var() references Hard-coded token values
import { cx } from '@utils/cx' Joining class names Template-string juggling with undefined
import { fetchContent, GET_HOME } from '@cms' CMS data importing a CMS adapter folder directly

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

  1. 26d ago Changed · +10 tokens per session 1574bd1eea0c
  2. 27d ago Changed · +74 lines · +1,391 tokens per session c2eb19f9e5df
  3. 2mo ago First seen · 257 lines · 2,897 tokens per session scan A 660f7d13d984

Subscribe to this mod's changes

Tackl AGENTS.md is an instructions file published in the GitHub repository 12-Studio/Tackl (10 stars, last pushed 25d ago), licensed MIT. It adds 4,298 tokens to every session, about $0.0172 per session on Opus 5.5. 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.

Related

Tackl AGENTS.md compared with instructions from other repositories

Tackl AGENTS.md next to 6 instructions from other repositories
ModTypeStarsLast pushLicenceScanTokensWorks with
Tackl AGENTS.md12-Studio/TacklInstructions file1025d agoMITA4,298Codex, OpenCode
vscode buildNext.instructions.mdmicrosoft/vscodeInstructions file195kyesterdayMITA9,719GitHub Copilot
next.js AGENTS.mdvercel/next.jsInstructions file143kyesterdayMITA7,461Codex, OpenCode
langchain AGENTS.mdlangchain-ai/langchainInstructions file149kyesterdayMITA4,680Codex, OpenCode
vscode oss-third-party-notices.instructions.mdmicrosoft/vscodeInstructions file195kyesterdayMITA5,516GitHub Copilot
vscode copilot-instructions.mdmicrosoft/vscodeInstructions file195kyesterdayMITA3,093GitHub Copilot
deepseek-harness AGENTS.mddeepseek-ai/deepseek-harnessInstructions file274k2d agoMITA4,313Codex, OpenCode