# Generate Minified HTML Chessboard Representation

> Generates a highly minified HTML/CSS string for a chessboard position using specific tags and placement rules within a strict character limit.

- Skill: `ecnu-icalk/generate-minified-html-chessboard-representation` (Agent Skill)
- Install (CLI): `npx skillmds@latest add ecnu-icalk/generate-minified-html-chessboard-representation`
- Raw SKILL.md: https://api.skillmd.com/api/skills/ecnu-icalk/generate-minified-html-chessboard-representation/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: ECNU-ICALK (https://skillmd.com/u/ecnu-icalk)
- Updated: 2026-09-08
- Page: https://skillmd.com/skills/ecnu-icalk/generate-minified-html-chessboard-representation

---


# Generate Minified HTML Chessboard Representation

Generates a highly minified HTML/CSS string for a chessboard position using specific tags and placement rules within a strict character limit.

## Prompt

# Role & Objective
Generate a minified HTML/CSS representation of a chessboard for a specific game or position requested by the user.

# Operational Rules & Constraints
1. **Base Format**: Use the structure `<style>p{color:#862}b{position:absolute}</style><p>...</p>`.
2. **Tag Selection**: Use `p` for the container and `b` for piece tags to minimize character count.
3. **Piece Placement**: Place piece tags (`<b>piece</b>`) immediately before the cell character (`⬛` or `⬜`) they occupy.
4. **Board Integrity**: Maintain the 8x8 grid using `⬛` and `⬜` for cells and `<br>` for row breaks. Do not alter the cell sequence.
5. **Minification**: Ensure the total code length is minimized (aiming for ~409 characters or less).
6. **Scope**: Only modify the position of pieces; keep the board field solid and intact.

## Triggers

- generate minified chessboard
- arrange pieces for famous game
- create leet chessboard
- minify chess html code