CHAPTER 14

References & Acknowledgements

ON THIS PAGE

The operational standards, gate protocols, and architectural patterns detailed in this playbook build upon foundational research, enterprise frameworks, open-source tools, AI platforms, agentic skill ecosystems, and web design standards across autonomous software development and AI engineering.

1. Academic & Industry References #

2. AI Platform, Tooling & Core Web Technologies #

This documentation platform and playbook were engineered using cutting-edge AI development environments, frontier models, and foundational web standards:

  • AI Coding Environment & Intelligence:

    • Antigravity IDE & CLI: Google DeepMind's advanced agentic coding platform for multi-agent orchestration, browser verification subagents, and context awareness.
    • Claude Code: Anthropic's terminal-native autonomous agent engine (CLAUDE.md, subagents, headless execution).
    • Cursor: AI-first IDE featuring Composer multi-file editing, cloud background agents, and .cursor/rules.
    • Windsurf: Cognition AI / Codeium IDE powered by the Cascade agentic engine and SWE-1 model family.
    • GitHub Copilot Agent Mode: Autonomous workspace agent and asynchronous GitHub Action coding agent.
    • OpenAI Codex: Cloud-sandboxed parallel coding agent with Rust-based CLI (@openai/codex).
    • Aider: Git-native open-source terminal coding assistant with repository mapping and multi-model support.
    • Hermes Agent: Nous Research self-improving, local-first terminal agent framework.
    • Pi Agent: Mario Zechner / Earendil minimalist open-source terminal harness framework.
    • Sourcegraph AMP: Enterprise agentic coding environment backed by SCIP codebase graph indexing.
    • Cline: Open-source VS Code extension agent with native Model Context Protocol (MCP) support and BYOK cost tracking.
    • Gemini 3.6 Flash: Google DeepMind's high-speed, high-reasoning frontier AI model.

  • Ecosystem Registries & Protocols:

    • Model Context Protocol (MCP): Linux Foundation Agentic AI Foundation open standard for connecting AI agents to external tools and data sources.
    • skills.sh: Open registry for discovering, publishing, and auditing agentic skills.

  • Security & Quality Auditing Tools:

    • CodeQL: GitHub semantic code analysis engine for static vulnerability detection.
    • Semgrep: Static application security testing (SAST) with custom rule authoring.
    • Snyk & Trivy: Automated dependency vulnerability and container security scanning.
    • Gitleaks: Pre-commit and CI/CD secret detection engine.

  • Core Frontend Technology Stack:

    • HTML5: Semantic landmark architecture (<header>, <main>, <aside>, <nav>, <article>, <footer>, <details>, <summary>), high accessibility standards, and clean DOM structures.
    • Vanilla CSS3: Zero-dependency design system using CSS Custom Properties, 12-column Swiss grid layout, Flexbox, multi-level theme controller (6 contrast levels from Stark OLED to Stark Light), and responsive media queries.
    • Vanilla JavaScript (ES6+): Lightweight client-side scripts powering dynamic theme switching, mobile navigation drawer, Table of Contents scrollspy tracking, and clipboard code copying without heavy runtime framework bloat.

  • Hosting & Platform Infrastructure:

    • GitHub Pages: Static site hosting platform deploying the generated HTML documentation engine from the /docs root directory.
    • Git & GitHub: Distributed version control system and repository host (tkz96.github.io).

3. Agent Skill Ecosystems & Design Frameworks #

The UI craft, design system, and minimal code practices in this documentation engine were guided by specialized agentic skill packages:

  • Smooth UI Skills & Plugins: Comprehensive UI design and craft skill suite:

    • ui-craft & sddesign: Architectural design rules, anti-slop guidelines, color contrast standards, and Spec-Driven Design pipeline.
    • tokens: 3-layer design token system auditing and establishing theme custom variables.
    • heuristic & audit: Scored heuristic critique based on Nielsen's design laws and automated pre-ship verification passes (finalize, colorize, shape, brief, remember, start, polish, bolder, quieter, typeset, animate, delight).

  • Dietrich Gebert — Ponytail Skills: Dietrich Gebert's Ponytail skill suite:

    • ponytail & ponytail-review: Hyper-minimal, YAGNI-driven coding methodology enforcing standard library functions, native browser/platform features, and elimination of unnecessary code bloat or speculative abstractions.
    • ponytail-audit, ponytail-debt, ponytail-gain & ponytail-help: Repository-wide over-engineering debt tracking and minimalism scorecards.

  • Matt Pocock & AI Hero: Matt Pocock's developer experience platform and AI engineering guidelines (aihero.dev) shaping AI agent workflows, TypeScript/JavaScript best practices, and code generation patterns.

  • Swiss Docs Site Skill (swiss-docs-site): Custom documentation site skill converting Markdown playbooks into static, grid-aligned, highly accessible documentation sites in the International Typographic Style.

4. Typography, Fonts & Iconography Libraries #

  • Google Fonts Ecosystem:

    • Inter: Clean, versatile grotesque sans-serif used for primary body prose, structural navigation, headings, and interface components.
    • JetBrains Mono: High-readability monospaced font for technical specifications, code blocks, terminal logs, and data attributes.
    • Manrope: Geometric sans-serif typeface used across project landing pages and feature showcases.

  • Self-Hosted Retro/Pixel Typography:

    • Departure Mono: Pixelated monospaced font by Emily Brooks (licensed under SIL Open Font License 1.1) hosted locally (assets/fonts/DepartureMono-Regular.woff2) for retro-technical badges and micro-typography.

  • Iconography & Visual Assets:

    • Inline SVG Vector System: Handcrafted SVG vector icons for interactive UI elements (theme sun/moon icons, chevrons, close drawer buttons, heading anchor links #).
    • Social Icon Collection: Vector social media icons (assets/icons/social-icons/) for Twitter/X, LinkedIn, Medium, GitHub, and AngelList.
    • Custom Favicon: Clean vector-rendered brand icon (assets/favicon.ico).

5. Build Engine & Development Runtime #

  • Open-Source Tools & Build Pipeline:

    • Marked.js: High-performance Markdown parser and HTML AST generator (v18.0.6).
    • Highlight.js: Syntax highlighting engine for modern programming languages and data formats (v11.11.1).
    • Node.js Ecosystem: Runtime environment supporting custom static site generation (build.js).
    • Python HTTP Server: Python 3 local development web server (python3 -m http.server 9090).

  • Enterprise Platforms & Community:

    • Special thanks to the enterprise engineering teams, AI researchers, and developer experience (DX) leaders whose field insights shaped the multi-gate security protocols, Azure DevOps work item schemas, and human-AI pair programming workflows presented in this guide.