Skill Claude CodeCodex
Create a diagram for the current blog page by authoring a hand-written SVG. Use this skill whenever the user asks to create, add, or draw a diagram, schematic, block diagram, topology, flow chart, or similar figure for a page. Output is always SVG — do not use Excalidraw, Mermaid, Affinity Designer, or any other tool.
Skill Claude CodeCodex
Create Excalidraw diagram JSON files that make visual arguments. Use when the user wants to visualize workflows, architectures, or concepts.
Skill Claude CodeCodex
Move a blog page directory to a new location and update every internal link to it across the codebase. Use whenever the user asks to move, relocate, re-parent, or restructure a page ("move X under Y", "put X into Y", "move X out of A into B"). Handles both relative (/path) and absolute…
Skill Claude CodeCodex
Create a graph/plot for the current blog page using Python and matplotlib, saving the source to the page's assets/main.py and the output as a PNG. Use whenever the user asks to create, add, or update a plot, graph, chart, curve, frequency response, waveform, or any figure that visualizes data or a mathematical…
Skill Claude CodeCodex
Build a formatted citation reference for a blog page and insert it into that page's references section. Use this skill whenever the user says "reference ", "add a reference for ", "cite ", or pastes a URL and asks for it to be added as a reference/citation. The skill fetches the URL, extracts metadata, formats a…
Skill Claude CodeCodex
Review a blog page (.mdx) for technical accuracy, spelling/grammar, LaTeX/KaTeX conventions, image width format, reference formatting, and internal consistency. Use whenever the user asks to review, check, proofread, or audit a blog page or its content ("review this page", "review ", "check this page for errors").
Skill Claude CodeCodex
Capture a screenshot region, save it as a resized WebP into the current blog page's assets dir, and insert an tag with an auto-generated caption into the page's index.mdx. Use this skill whenever the user wants to grab a screenshot of part of the screen and add it to the current blog post, says "snip an image"…
Skill Claude CodeCodex
Take a screenshot of a rendered blog page section using Playwright (via uv) against the local dev server, save it as a WebP into a page's assets dir, and insert an tag. Use whenever the user asks to take/create/capture a screenshot of a page or section themselves (especially for monthly updates pages), e.g. "take a…
Skill Claude CodeCodex
Create an interactive client-side tool (also called a widget — calculator, decoder, builder, visualiser, simulator, designer, etc.), embed it in a blog .mdx page, and register it on the /tools/ index. Use this skill whenever the user asks to add an interactive component, calculator, widget, "playground", or any UI…
Instructions file
Claude Code instructions for gbmhunter/blog, covering units in latex/katex equations, multiplication in latex/katex equations, katex gotchas (beyond units/multiplication above), images and diagrams and mdx components.