Astro Dev Toolbar App // CHROME BUILT-IN AI

astro-dev-content-linter

Audit editorial content for active voice, reading grade level, and brand voice rules.

View on GitHub ↗ Quickstart Spec ↓

01. Architectural Specifications STATUS: PRODUCTION READY

[ 01 // CAPABILITY ]

Reading Level Scoring

Computes Flesch Reading Ease and Flesch-Kincaid grade levels for each section.

[ 02 // CAPABILITY ]

Inline Visual Badges

Underlines passive voice and corporate jargon with hoverable Gemini Nano suggestions.

[ 03 // CAPABILITY ]

Brand Voice Alignment

Enforces custom terminology rules and voice directives with real-time editorial health scoring.

02. Implementation & Usage BUN / ASTRO 5+

// Installation CLI

bun add astro-dev-content-linter
# or
pnpm add astro-dev-content-linter

// Configuration astro.config.mjs

// astro.config.mjs
import { defineConfig } from "astro/config";
import devContentLinter from "astro-dev-content-linter";

export default defineConfig({
  integrations: [
    devContentLinter({
      maxReadingLevel: 9,
      disallowPassiveVoice: true,
      forbiddenTerms: ["ninja", "rockstar", "guru", "magical"]
    })
  ]
});

// Chrome Built-in AI Prerequisites

1. Open chrome://flags in Google Chrome 128+
2. Set #prompt-api-for-gemini-nano to Enabled
3. Set #optimization-guide-on-device-model to Enabled ByPassPerfRequirement
4. Restart Chrome and verify model status at chrome://components