Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx agentmods add skills/reorder-js/reorder/create-specnpx skills add reorder-js/reorder --skill create-specgit clone --depth 1 https://github.com/reorder-js/reorderWrote 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.
[](https://agentmods.dev/skills/reorder-js/reorder/create-spec)<a href="https://agentmods.dev/skills/reorder-js/reorder/create-spec"><img src="https://agentmods.dev/badge/skills/reorder-js/reorder/create-spec.svg" alt="Measured on agentmods" height="20"></a>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 | $0.00050 | $0.00606 |
| Opus 5 | $0.00025 | $0.00303 |
| Sonnet 5 | $0.00010 | $0.00121 |
| Haiku 4.5 | $0.00005 | $0.00061 |
Grade A, and why
create-spec 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 today.
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.
How it starts
The opening of the file, as written. The whole thing — 63 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Spec-driven development (Design Before Coding)
This skill enforces the "specification before code" approach inspired by OpenMercato's best practices. It prevents design mistakes and provides structure to the implementation process.
When to Create a Specification?
For any non-trivial task (e.g., adding a new entity, modifying subscription renewal logic, integrating a payment gateway) that requires at least 3 implementation steps or architectural decisions, you must first write a technical specification.
Workflow
Language Requirement: The specification file MUST ALWAYS be written 100% in English, regardless of the conversation language.
-
Create a Skeleton Spec:
- Create a file at
.agents/specs/{date}-{title}.md. - Use the
YYYY-MM-DDformat fordateand kebab-case for thetitle. - The skeleton should include a brief description (TLDR/Overview) and key objectives.
- Create a file at
-
Open Questions Section:
- Before expanding the full specification, list key unknowns as a numbered list (
Q1,Q2...). - Focus on questions about architecture, data models, or scope, where an incorrect assumption would force you to rewrite large parts of the code.
- STOP and ask the user for answers to these questions. Do not write code or the full specification until the user responds.
- Before expanding the full specification, list key unknowns as a numbered list (
-
Complete the Specification:
- After receiving answers from the user, complete the specification file with technical details (database schema, API contracts, implementation steps).
- Remove the Open Questions section.
-
Implementation Phases:
- Split the work into phases (e.g., Phase 1: Database & Module setup, Phase 2: Workflows & APIs, Phase 3: UI integration).
- Each step should represent a testable unit of work.
Specification Template
Each specification file should follow this structure:
# Spec: [Feature Name]
## TLDR & Overview
A brief summary of the problem and the proposed solution.
## Open Questions (Skeleton Phase Only - remove after resolving)
- Q1: ...
- Q2: ...
## Proposed Architecture & Data Model
Describe new database tables, entity changes, module services, new workflows, or API endpoints.
## Step-by-Step Implementation Plan
### Phase 1: [Phase Name]
- [ ] Step 1 (e.g., database migration & entities)
- [ ] Step 2
### Phase 2: [Phase Name]
- [ ] Step 1 (e.g., API route.ts)
## Verification & Testing
How will you verify correctness? What integration HTTP tests will be added?
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.
- today Changed · +2 lines 1929ddee699c
- 5d ago First seen · 61 lines · 50 tokens per session scan A c1c718b262ad
create-spec is a skill published in the GitHub repository reorder-js/reorder (53 stars, last pushed today), licensed MIT. It adds 50 tokens to every session and 606 once invoked, about $0.0003 per session on Opus 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-30.
Other skills, from other repositories
task-manager
Capture actionable user requests as persistent tasks, update task status as work progresses, and keep a shared task store in sync. Use when a user asks an agent to do work, check progress, block a task, complete a task, or manage the Kanban board.
soundclaw
Control Spotify playback, search music, and return shareable music links.
todo
Maintain a shared workspace TODO list with blocked tasks.
saleor-paper-storefront
Project-specific patterns for the Saleor Paper storefront built with Next.js 16, TypeScript, and Tailwind CSS. Use when working with product pages, checkout flow, caching, variant selection, filtering, SEO, or UI components. For universal Saleor API patterns, see the saleor-storefront dependency.
paper-migrations
Apply chronological Paper storefront upgrades to a forked shop. Use when the user says upgrade Paper, apply Paper migrations, catch up with upstream caching, or paper-version. Reads migrations/manifest.json and paper-version.json; ports architecture without overwriting custom styling.
storefront-best-practices
ALWAYS use this skill when working on ecommerce storefronts, online stores, shopping sites. Use for ANY storefront component including checkout pages, cart, payment flows, product pages, product listings, navigation, homepage, or ANY page/component in a storefront. CRITICAL for adding checkout, implementing cart…