A Walking Tour of Kronk — The AI-Native CMS in 10 Slides

Japanese Edition

Great static site generators. Great AI tools. Great editors. None of them know about each other — and you're the integration layer. Kronk changes that. It's an AI-first, IDE-native meta-CMS that scans your repo, generates schemas and quality rules, then writes them into the instruction files Claude Code, Cursor and Windsurf already read on startup — CLAUDE.md, .cursorrules, .windsurfrules. One kronk init auto-detects nine SSGs (Hugo, Astro, Eleventy, Next.js and more); one kronk teaches your AI your site. SEO, accessibility (WCAG 2.1 AA) and OWASP security ship as built-in guardrails, so AI-written content becomes provable, not just plausible. This deck is a walking tour of how that works, in ten slides.

Transcript

1. A DOCUMENTATION READ-THROUGH · GETKRONK.COM/DOCS $ W H A T I S K R O N K _ A CMS your AI can actually use. AI-first, IDE-native content management for Hugo, Astro, Eleventy, Next.js and 5 more SSGs. — my-blog — zsh — 80×24 $ npm install -g kronk-cms $ cd my-website $ kronk init Detecting framework... ✓ Found: Eleventy v4.0 Scanning content... ✓ 12 posts, 5 pages Creating .kronk/ ... ✓ schemas generated $ kronk Kronk v1.0 | 12 skills active AI instructions updated: CLAUDE.md .cursorrules .windsurfrules $ 01 / 10 · Cover aivorynet / kronk-cms · MIT
2. 01 · THE PROBLEM WHY A NEW CMS IN 2026 Great SSGs. Great AI. Great editors. None of them know about each other. 0 1 · A I Writes blind. AI generates blog posts and pages but doesn't know your schema, taxonomy, or required fields. Every piece needs manual fixing. title: "My New Post" category: "blog" ← wrong field tags: "ai, tools" ← should be array description: ??? ← missing 0 2 · C M S Lives in the wrong tab. IDE CMS Every CMS wants you in a browser. Your code is in the IDE. Your AI is in the IDE. Why isn't your content management? vs 0 3 · Y o u The glue. The CLI, the AI, the IDE — they all work. You're the integration layer, copy-pasting between three worlds that never talk. CLI → → AI AI → → IDE IDE → → CLI ?? ?? ?? 02 / 10 Source · getkronk.com
3. 02 · THE ANSWER ONE-LINE DEFINITION K R O N K ≔ A meta-CMS that teaches your AI what your site is. Net effect: the AI you're already using stops guessing about your front matter, taxonomy and SEO rules — and starts respecting them. Kronk scans your static-site project, generates schemas and quality rules, then writes those rules into the instruction files that Claude Code, Cursor and Windsurf already read on startup. / / T H E F O R M U L A your repo + Kronk's scan ↓ CLAUDE.md .cursorrules .windsurfrules = AI with context. 03 / 10 · What is Kronk
4. 03 · ANATOMY FOUR MOVING PARTS What you actually get. One CLI, twelve AI skills, one workflow, and an optional control panel. 01 Scaffold & validate. FREE FOREVER · OPEN SOURCE T H E C L I · M I T One kronk init detects your framework, indexes content and creates the .kronk/ config. 20+ commands cover create, list, validate, scan, schema, migrate. 02 Teach your AI the rules. A I S K I L L S · 1 2 Skills like /kronk-content, /kronk- seo, /kronk-audit are auto-picked by your AI for each task. They enforce your schema, your SEO bounds, your a11y rules. 03 One command loads context. T H E W O R K F L O W kronk regenerates instruction files for whichever AI you use — Claude Code, Cursor, Windsurf, Antigravity. Re-run it any time your schema changes. 04 Your editor's control panel. I D E P L U G I N · O P T I O N A L Content navigator, form-based front matter editor, visual ASCII canvas, media library, quality audits, deploy panel. JETBRAINS · VS CODE CURSOR · ANTIGRAVITY 04 / 10 · Four pillars
5. 04 · THE FLOW FIVE-MINUTE QUICK START Init → create → validate → brief the AI. S T E P 0 1 · I N S T A L L Global install. $ npm install -g kronk-cms S T E P 0 2 · I N I T Auto-detect. $ cd my-website $ kronk init Scans content, generates .kronk/schemas/. S T E P 0 3 · C R E A T E First post. $ kronk create post "Hello World" Correct front matter for your framework, ready to write. S T E P 0 4 · V A L I D A T E Guardrails. $ kronk validate $ kronk scan SEO, a11y, OWASP — pre-flight before commit. S T E P 0 5 · B R I E F A I The magic step. $ kronk Writes CLAUDE.md · .cursorrules · .windsurfrules. // after step 05 // Claude Code reads CLAUDE.md on session start. Your AI now knows your schema, taxonomy, SEO bounds, a11y rules — and validates against them automatically. 05 / 10 · The flow
6. 05 · SKILLS 12 INSTALLED · AUTO-PICKED Twelve skills. Your AI picks the right one. Slash commands the AI invokes when the task fits. You don't memorize them — the AI does. — skills — zsh $ kronk skills 12 skills installed auto-loaded into CLAUDE.md, .cursorrules, .windsurfrules on every kronk run. $ /kronk-content Create content with guardrails Proper front matter, schema-validated fields, your framework's conventions. /kronk-seo Full SEO enforcement Title length, meta description, heading hierarchy, alt text, canonical URLs. /kronk-audit Run content quality audit "Audit all my posts and tell me what needs improvement." Just ask. /kronk-theme Generate or modify theme Theme scaffolding aligned with the framework's expected layout structure. /kronk-images Image optimization & responsive srcset, modern formats, lazy loading — handled by the AI on insert. /kronk-verify Verify before publishing Final gate: all schemas pass, no security issues, no a11y warnings. Then commit. 06 / 10 · AI skills · + 6 more in /kronk-* namespace
7. 06 · THE CLI MAN KRONK Eight verbs cover the lifecycle. init · create · list · validate · scan · schema · update · delete · migrate kronk init Detect framework, scan content, create .kronk/ config + schemas. kronk create post · page · doc — with proper front matter, optional --draft, -- template. kronk list Posts / pages / docs / all — filter by draft, sort, JSON output. kronk validate Schemas + quality rules. --fix auto-corrects, --strict fails on warnings. kronk scan Security + accessibility + SEO. --security · --a11y · --seo · --all. kronk schema Generate, validate or list content schemas (YAML or JSON). kronk migrate Convert between frameworks or front matter formats. --dry-run supported. kronk No args. Regenerates CLAUDE.md · .cursorrules · .windsurfrules. — example: validate — zsh — 80×30 $ kronk validate Validating content... src/posts/2026-01-26-hello-world.md ✓ Front matter valid ⚠ Description too short (15 chars, min 50) ✓ Heading hierarchy valid ✓ No security issues 1 warning found. $ kronk validate --fix Auto-fixing 1 issue... done. $ 07 / 10 · CLI reference
8. 07 · GUARDRAILS WHY "AI-FIRST" ACTUALLY WORKS Anyone can let AI write. Kronk makes it provable. P I L L A R 0 1 SEO validation: seo: titleMinLength: 30 titleMaxLength: 60 descriptionMinLength: 120 descriptionMaxLength: 160 Configurable bounds in .kronk/config.yaml — title 30–60 chars, description 120–160, heading hierarchy, alt text, canonical URLs. P I L L A R 0 2 Accessibility accessibility: requireAltText: true checkHeadingHierarchy: true wcagLevel: AA WCAG 2.1 AA. Color contrast, keyboard navigation, semantic HTML, descriptive links, alt-text enforcement, heading hierarchy. P I L L A R 0 3 Security $ kronk scan --security ✓ no XSS vectors ✓ no exposed secrets ✓ links sanitized ✓ frontmatter clean OWASP-aligned scanning baked into the CLI. Compliance hooks for GDPR, HIPAA, SOC 2 via the broader AIVory range. 08 / 10 · Guardrails
9. 08 · COVERAGE 9 SSGS · AUTO-DETECTED Nine frameworks. One workflow. No manual config — Kronk reads config.toml, _config.yml, astro.config.mjs, next.config.js and friends to figure out who you are. Hugo Jekyll Astro Eleventy Next.js Gatsby Nuxt Hexo Strapi .TOML RUBY .MJS 11TY REACT REACT VUE NODE HEADLESS + more SOON $ kronk init → "Detecting framework... Found: Hugo v0.121" — same flow for all nine. 09 / 10 · Frameworks
10. 09 · TAKEAWAY GETKRONK.COM · MIT / / T L ; D R Give your AI a CMS. Give your SSG a manager. Keep everything in your IDE. W H O I T ' S F O R Solo devs Dev teams & agencies OSS maintainers Blogs, portfolios, side projects. Stay in the IDE. Multiple clients, different SSGs, one shared workflow. Docs & project sites, MIT-licensed like your code. 9 S S G F R A M E W O R K S 12 A I S K I L L S 20+ C L I C O M M A N D S MIT C L I L I C E N S E 10 / 10 · npm i -g kronk-cms · github.com/aivorynet/kronk-cms