s_catann — s_catann install s_catann, firegame, community, s_catann install, ide skills, s_catann documentation, s_catann for AI agents, Claude Code, Cursor, Windsurf

v1.0.0
GitHub

About this Skill

Perfect for Development Agents needing standardized output formats with codex objects and visual debugging through screenshots. s_catann is a technical skill that automates the process of formatting AI agent responses, including the removal of ANSI color codes and the inclusion of visual elements.

Features

Prepends { codex: { ... } } object to final responses
Renders human-readable output by removing ANSI color codes
Includes screenshots as the first visual part of the final response
Supports inclusion of full test_catann.sh output in final responses
Starts the dev server for testing and development purposes
Handles test output and screenshots even in cases of test failure

# Core Topics

dcep93 dcep93
[0]
[0]
Updated: 2/28/2026

Agent Capability Analysis

The s_catann skill by dcep93 is an open-source community AI agent skill for Claude Code and other IDE workflows, helping agents execute tasks with better context, repeatability, and domain-specific guidance. Optimized for s_catann install, s_catann documentation, s_catann for AI agents.

Ideal Agent Persona

Perfect for Development Agents needing standardized output formats with codex objects and visual debugging through screenshots.

Core Value

Empowers agents to prepend codex objects and include screenshots in their responses, providing a human-readable output with ANSI color codes removed, and supporting protocols like file inclusion for 'screenshot.png' and command execution for 'test_catann.sh'.

Capabilities Granted for s_catann

Prepending codex objects for standardized responses
Including screenshots for visual debugging and testing
Rendering human-readable test outputs with ANSI color codes removed

! Prerequisites & Limits

  • Requires 'screenshot.png' to exist for visual inclusion
  • Dependent on 'test_catann.sh' output for final response generation
  • May require additional setup for ANSI color code removal
Labs Demo

Browser Sandbox Environment

⚡️ Ready to unleash?

Experience this Agent in a zero-setup browser environment powered by WebContainers. No installation required.

Boot Container Sandbox

s_catann

Install s_catann, an AI agent skill for AI agent workflows and automation. Works with Claude Code, Cursor, and Windsurf with one-command setup.

SKILL.md
Readonly

Skill: catann

Always prepend the { codex: { ... } } object from the test output (if it appears) to the final response, and then include the screenshot (if screenshot.png exists) as the first visual part of the final response, even when the test fails. Always include the full test_catann.sh output in the final response. The output can include ANSI color codes; when presenting it, render a human-readable version with ANSI removed (plain text).

Summary flow

  1. Start the dev server (keep it running).
  2. Run tests and capture output.
  3. Collect screenshot.png (if present).
  4. Host the image locally and attach it.
  5. Report results + full logs.

Pre-commit validation

Before committing changes, validate TypeScript by running:

bash
1cd firegame/app/firegame 2yarn lint 3yarn tsc --noEmit

Then validate the regression catann suite specifically:

bash
1cd firegame/app 2CATANN_REGRESSION=1 timeout 300s bash ./test_catann.sh --codex

Regression mode is enabled via CATANN_REGRESSION=1; only regression-mode choreos execute when this env var is set.

If either command fails (including duplicate/overwritten property diagnostics such as TS2783), fix the issue and rerun until both pass. Treat this as the authoritative typecheck gate before continuing with test runs or commits.

Anti-slop change validation (required)

Before committing any non-trivial Catann change:

  1. Stage the intended patch and inspect the full diff.
  2. Identify suspicious additions (extra helpers, hardcoded branches, test-only magic values, broad refactors) and explicitly test whether each is necessary.
  3. Prefer the simplest implementation with the smallest diff that preserves behavior.
  4. Re-run the workflow and compare the resulting { codex: ... } printout to confirm no regression.

If removing a new abstraction/helper yields the same behavior, do not keep it.

Timestamp format (NYC time)

At the start of each numbered step, record a timestamp in America/New_York using:

bash
1TZ=America/New_York date "+%Y-%m-%d %H:%M:%S %Z"

Include the raw command output in your notes/output for that step.

1) Start the dev server (keep running for hot reloads)

bash
1cd firegame/app/firegame 2yarn start

Keep this command running.

2) Run tests and capture output

In another shell:

bash
1cd firegame/app 2timeout 300s bash ./test_catann.sh --codex

If the timeout is hit, report it as a failure and proceed to collect the screenshot (if available).

If CODEX_HOME is not set, omit --codex so test_catann.sh can start the server for you.

Fix mode (only if explicitly requested)

If the prompt explicitly requests, fix the failing test and rerun the Catann workflow until it passes. For a solution, are only allowed to change files in firegame/app/firegame/src/routes/catann/app/gameLogic. Do not stop after a single failing attempt or timeout; keep re-running the test command after each fix until you get a clean pass. Once it passes, continue with the screenshot steps. Follow AGENTS.md in the same folder as this skill doc. Do not introduce global variables, global state, or manipulate the DOM or window objects.

Game-logic purity guard

When editing app/gameLogic, keep logic explicitly game-behavior driven. Avoid hardcoded test fixtures, magic IDs, lookup tables for recorded runs, or special-case branches that exist only to satisfy a single capture.

If test data is required, consume values that the harness already provides via existing override paths rather than encoding constants in game logic.

3) Locate output image (if present)

bash
1cd firegame/app/firegame/test-results 2ls 3# pick the folder just created, then: 4cd <test-results-subfolder> 5ls 6# expect: screenshot.png

4) Host image locally (for browser pickup)

bash
1python -m http.server -b 0.0.0.0 8001

5) Screenshot capture (browser tool / Playwright)

If a browser tool is available, open http://localhost:8001/screenshot.png and include it in the response. If no browser tool is available, still mention whether screenshot.png was found and hosted. Ensure the screenshot capture waits for network idle (e.g., use a browser tool's equivalent of Playwright's wait_until='networkidle') before attaching the image.

FAQ & Installation Steps

These questions and steps mirror the structured data on this page for better search understanding.

? Frequently Asked Questions

What is s_catann?

Perfect for Development Agents needing standardized output formats with codex objects and visual debugging through screenshots. s_catann is a technical skill that automates the process of formatting AI agent responses, including the removal of ANSI color codes and the inclusion of visual elements.

How do I install s_catann?

Run the command: npx killer-skills add dcep93/firegame/s_catann. It works with Cursor, Windsurf, VS Code, Claude Code, and 19+ other IDEs.

What are the use cases for s_catann?

Key use cases include: Prepending codex objects for standardized responses, Including screenshots for visual debugging and testing, Rendering human-readable test outputs with ANSI color codes removed.

Which IDEs are compatible with s_catann?

This skill is compatible with Cursor, Windsurf, VS Code, Trae, Claude Code, OpenClaw, Aider, Codex, OpenCode, Goose, Cline, Roo Code, Kiro, Augment Code, Continue, GitHub Copilot, Sourcegraph Cody, and Amazon Q Developer. Use the Killer-Skills CLI for universal one-command installation.

Are there any limitations for s_catann?

Requires 'screenshot.png' to exist for visual inclusion. Dependent on 'test_catann.sh' output for final response generation. May require additional setup for ANSI color code removal.

How To Install

  1. 1. Open your terminal

    Open the terminal or command line in your project directory.

  2. 2. Run the install command

    Run: npx killer-skills add dcep93/firegame/s_catann. The CLI will automatically detect your IDE or AI agent and configure the skill.

  3. 3. Start using the skill

    The skill is now active. Your AI agent can use s_catann immediately in the current project.

Related Skills

Looking for an alternative to s_catann or another community skill for your workflow? Explore these related open-source skills.

View All

widget-generator

Logo of f
f

f.k.a. Awesome ChatGPT Prompts. Share, discover, and collect prompts from the community. Free and open source — self-host for your organization with complete privacy.

149.6k
0
AI

flags

Logo of vercel
vercel

flags is a Next.js feature management skill that enables developers to efficiently add or modify framework feature flags, streamlining React application development.

138.4k
0
Browser

zustand

Logo of lobehub
lobehub

The ultimate space for work and life — to find, build, and collaborate with agent teammates that grow with you. We are taking agent harness to the next level — enabling multi-agent collaboration, effortless agent team design, and introducing agents as the unit of work interaction.

72.8k
0
AI

data-fetching

Logo of lobehub
lobehub

The ultimate space for work and life — to find, build, and collaborate with agent teammates that grow with you. We are taking agent harness to the next level — enabling multi-agent collaboration, effortless agent team design, and introducing agents as the unit of work interaction.

72.8k
0
AI