diff --git a/.prettierignore b/.prettierignore index e36b2dae..4125ebb7 100644 --- a/.prettierignore +++ b/.prettierignore @@ -5,6 +5,7 @@ build _template supabase static +skills dist docker packages/storybook/storybook-static diff --git a/skills/create-thumbnail/SKILL.md b/skills/create-thumbnail/SKILL.md new file mode 100644 index 00000000..40ed5211 --- /dev/null +++ b/skills/create-thumbnail/SKILL.md @@ -0,0 +1,90 @@ +--- +name: create-thumbnail +description: Generate on-brand ClassroomIO thumbnails (blog posts, changelogs, YouTube videos) as 1920×1080 PNGs. Builds HTML+CSS from the brand token system and renders deterministically via headless Chrome. Use when the user asks to create/make a thumbnail, cover image, or video/blog banner for ClassroomIO. +--- + +You are producing a **1920×1080 (16:9) ClassroomIO thumbnail** by writing an HTML file that +consumes the brand token CSS in this skill, then rendering it to PNG with `render.py`. The +output must look designed-in-Figma, not templated. The "Self-Host ClassroomIO with Dokploy" +two-tile thumbnail is the **quality bar to match or beat — it is NOT a template to clone.** + +## Vary the composition — do not default to one layout + +The brand system is fixed (colors, font, tiles, pills, gradients). The **composition is not.** +Every thumbnail must be a deliberate design choice, not a find-and-replace of the last one. + +- **Pick the pattern from the content**, not from what you made last time (see the catalog below). + A release is a hero icon; a guide is editorial; a multi-item feature is a concept map. Only a + true "X with/via Y" integration should reach for the two-tile connect. +- **When you DO reuse a pattern** (e.g. a series like "self-host with Dokploy / Coolify / Railway" + where consistency is the point), still vary within it — the focal treatment, the pill copy, the + headline emphasis, the accent/texture. Series consistency is a choice the user should confirm, + not your default. +- **Actively avoid** shipping three near-identical images in a row. If the last thumbnail you made + used a layout, reach for a different one unless the user asked to match a set. +- Treat `template-two-tile.html` as **one** starting point among the patterns, not THE template. + For other patterns, compose fresh from `thumbnail.css` classes. + +If a request is ambiguous about style, propose a pattern (and, for a series, ask whether to match +the existing set) before generating — don't silently reuse the previous layout. + +## Why this pipeline produces quality (do not skip these) + +1. **Deterministic fonts.** Geist is embedded as base64 `@font-face`. A Google Fonts `` + does NOT load before the headless screenshot — the headline silently falls back to system + sans and looks off-brand. This is the single biggest failure mode. `render.py` handles it. +2. **Real assets, recolored.** ClassroomIO logo = the actual `apps/website/static/logo-512.png`, + recolored white via `filter: brightness(0) invert(1)`. Never redraw it. +3. **Official third-party logos.** For a partner/tool, fetch the OFFICIAL svg (e.g. Dokploy: + `https://dokploy.com/icon.svg`). Prefer an svg whose paths are `fill="white"` (or force white) + so it drops onto the blue tile cleanly. A wrong-but-close logo destroys credibility. +4. **Honest gradients, never frosted-white chips.** Tiles and pills are real blue gradients with + iridescent borders (see `thumbnail.css`). `rgba(255,255,255,0.1)` frosted glass reads off-brand. + +## Design spec (source of truth) + +The full pattern catalog and Figma-exact tokens live in +`company/blog-thumbnail-agent/README.md` — **read it before generating**, alongside the six +reference PNGs in that folder. `thumbnail.css` in this skill already encodes those tokens +(background vignette, glass tiles, pills, frame, title). Consume the CSS classes; don't re-derive. + +### Pick the pattern from the content (each is a distinct look — rotate them) +- **A — Editorial / link:** blog posts, guides pointing to a URL. Frame on TOP. Link pill + optional `Guide` pill. Title centered or bottom-left. No tiles. +- **B — Concept map:** multi-item features (languages, integrations) as a connected node graph over a faint globe. +- **C — Before → After:** upgrades, limit increases. Two glass tiles + arrow, action pill below, title bottom. Frame on BOTTOM. +- **D — Hero icon:** releases, security, single-concept. One big centered glass tile, version/`New Feature` pill, 2-line title. Frame on BOTTOM. +- **Two-tile connect** (C/D hybrid): "X with/via Y" integrations — two tiles joined by an arrow node. `template-two-tile.html` is a starting point. **Powerful but overused — don't reach for it by reflex.** + +Beyond the pattern, vary the levers that keep a set from looking identical: background +**texture** (chevrons / stacked cards / constellation / globe — match the topic), **title +placement** (centered vs bottom-left), **pill copy**, and the **focal treatment**. A guide about +one platform often reads better as Pattern A or D (single hero) than as another two-tile clone. + +## Workflow + +1. **Choose a pattern deliberately** and confirm intent if unstated: pattern, the partner/tool (and + whether to use its real logo), the headline, the pill text, and any URL. Recommend a pattern that + fits the content; don't over-ask. If this belongs to an existing series, ask whether to match that + set or give it a fresh look — do not silently reuse the last layout. +2. **Fetch third-party assets** if needed (official svg logo). Verify it renders white on blue. +3. **Author the HTML** in the scratchpad. Copy a template (e.g. `template-two-tile.html`) as a + starting point, or write fresh linking `thumbnail.css`: + - `` + - Use `data:image/png;base64,__CIO_LOGO_B64__` for the ClassroomIO logo (render.py fills it). + - Paste the partner's white svg inline inside a `.svg-icon` container. + - Keep everything except the headline low-contrast so it reads at thumbnail size. +4. **Render:** `python3 /render.py `. This inlines local + stylesheets, substitutes `__GEIST_WOFF2_B64__` / `__CIO_LOGO_B64__`, and screenshots at + 1920×1080 (device scale 1). Requires Google Chrome at the standard macOS path. +5. **Review the PNG visually** (Read the image). Check: brand font actually applied, logos correct + and white, text not clipped, gradients present, ≤2 title lines. Iterate on the HTML if needed. +6. **Deliver:** save the final PNG to `~/Downloads/` (or a path the user names) and report it. + Output is ~880KB — under YouTube's 2MB thumbnail cap. + +## Files in this skill +- `SKILL.md` — this guide. +- `thumbnail.css` — Figma-exact brand tokens (background, tiles, pills, connector, frame, title). +- `template-two-tile.html` — starting point for the two-tile connect pattern. +- `render.py` — inlines assets + renders HTML → PNG via headless Chrome. + +Brand palette: deep blue `#0233BD` · brand blue `#2F6BF1` · light blue `#ADC3FF` · violet `#8071F2`. diff --git a/skills/create-thumbnail/render.py b/skills/create-thumbnail/render.py new file mode 100644 index 00000000..de3c79a3 --- /dev/null +++ b/skills/create-thumbnail/render.py @@ -0,0 +1,88 @@ +#!/usr/bin/env python3 +"""Render a ClassroomIO thumbnail HTML to a 1920x1080 PNG via headless Chrome. + +Resolves the two stable brand assets from the repo and inlines them as base64 +so the render is deterministic (a Google Fonts does NOT load before the +screenshot — that is the #1 cause of off-brand headlines). Third-party logos are +NOT handled here: fetch the official svg per task and inline it in your HTML. + +Placeholders replaced in the HTML before rendering: + __GEIST_WOFF2_B64__ -> apps/dashboard/static/fonts/geist/geist-latin.woff2 + __CIO_LOGO_B64__ -> apps/website/static/logo-512.png + +Usage: + python3 render.py +""" +import base64 +import pathlib +import re +import subprocess +import sys + +REPO_ROOT = pathlib.Path(__file__).resolve().parents[2] +GEIST = REPO_ROOT / "apps/dashboard/static/fonts/geist/geist-latin.woff2" +CIO_LOGO = REPO_ROOT / "apps/website/static/logo-512.png" +CHROME = "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome" + + +def b64(path: pathlib.Path) -> str: + if not path.exists(): + sys.exit(f"Missing brand asset: {path}") + + return base64.b64encode(path.read_bytes()).decode() + + +def inline_local_stylesheets(html: str, base_dir: pathlib.Path) -> str: + """Replace with an inline " + + return pattern.sub(replace, html) + + +def main() -> None: + if len(sys.argv) != 3: + sys.exit("Usage: python3 render.py ") + + src = pathlib.Path(sys.argv[1]).resolve() + out = pathlib.Path(sys.argv[2]).resolve() + if not src.exists(): + sys.exit(f"Input HTML not found: {src}") + + html = src.read_text() + html = inline_local_stylesheets(html, src.parent) + html = html.replace("__GEIST_WOFF2_B64__", b64(GEIST)) + html = html.replace("__CIO_LOGO_B64__", b64(CIO_LOGO)) + + inlined = src.with_suffix(".inlined.html") + inlined.write_text(html) + + subprocess.run( + [ + CHROME, + "--headless", + "--disable-gpu", + "--hide-scrollbars", + "--force-device-scale-factor=1", + "--window-size=1920,1080", + f"--screenshot={out}", + f"file://{inlined}", + ], + check=True, + ) + print(f"Rendered {out}") + + +if __name__ == "__main__": + main() diff --git a/skills/create-thumbnail/scratch-do-selfhost.html b/skills/create-thumbnail/scratch-do-selfhost.html new file mode 100644 index 00000000..2bd1161f --- /dev/null +++ b/skills/create-thumbnail/scratch-do-selfhost.html @@ -0,0 +1,68 @@ + + + + + + + + +
+
+
+
+
+
✦
+
✦
+
✦
+
+ + +
+
+ ClassroomIO +
ClassroomIO
+
+
classroomio.com
+
+ +
+
+
+
+ +
+
+ +
+
DigitalOcean
+
+
+ +
SELF-HOST GUIDE
+ +
Self-Host ClassroomIO
on DigitalOcean
+
+ + diff --git a/skills/create-thumbnail/scratch-do-selfhost.inlined.html b/skills/create-thumbnail/scratch-do-selfhost.inlined.html new file mode 100644 index 00000000..51b7dd2b --- /dev/null +++ b/skills/create-thumbnail/scratch-do-selfhost.inlined.html @@ -0,0 +1,157 @@ + + + + + + + + +
+
+
+
+
+
✦
+
✦
+
✦
+
+ + +
+
+ ClassroomIO +
ClassroomIO
+
+
classroomio.com
+
+ +
+
+
+
+ +
+
+ +
+
DigitalOcean
+
+
+ +
SELF-HOST GUIDE
+ +
Self-Host ClassroomIO
on DigitalOcean
+
+ + diff --git a/skills/create-thumbnail/template-two-tile.html b/skills/create-thumbnail/template-two-tile.html new file mode 100644 index 00000000..e2271aaf --- /dev/null +++ b/skills/create-thumbnail/template-two-tile.html @@ -0,0 +1,66 @@ + + + + + + + + +
+
+
+
+
+
✦
+
✦
+
✦
+
+ + +
+
+ ClassroomIO +
ClassroomIO
+
+
classroomio.com
+
+ +
+
+ +
+ ClassroomIO +
ClassroomIO
+
+ + +
+
+
+ +
+
+
+ + +
+
+
Partner
+
+
+ + +
DEPLOY IN MINUTES
+
+ + +
Primary Headline
with Partner
+ + diff --git a/skills/create-thumbnail/thumbnail.css b/skills/create-thumbnail/thumbnail.css new file mode 100644 index 00000000..07c1a249 --- /dev/null +++ b/skills/create-thumbnail/thumbnail.css @@ -0,0 +1,87 @@ +/* ClassroomIO thumbnail brand tokens — Figma-exact. Consume these; do not eyeball. + Palette: deep blue #0233BD · brand blue #2F6BF1 · light blue #ADC3FF · violet #8071F2 */ + +@font-face { + font-family: 'Geist'; + font-style: normal; + font-weight: 100 900; + font-display: block; + src: url(data:font/woff2;base64,__GEIST_WOFF2_B64__) format('woff2'); +} + +* { margin: 0; padding: 0; box-sizing: border-box; } +html, body { width: 1920px; height: 1080px; } + +body { + font-family: 'Geist', sans-serif; + width: 1920px; height: 1080px; position: relative; overflow: hidden; + /* Royal-blue full-bleed with center-bright vignette */ + background: radial-gradient(120% 110% at 50% 42%, #2B5BE0 0%, #1D49C7 42%, #12318F 78%, #0E2A7E 100%); +} + +/* --- faint white texture (keep ~5-12% opacity; never competes with title) --- */ +.texture { position: absolute; inset: 0; pointer-events: none; } +.card-line { + position: absolute; top: 50%; left: 50%; + border: 2px solid rgba(255, 255, 255, 0.06); + border-radius: 60px; transform: translate(-50%, -58%); +} +.spark { position: absolute; color: #8FE8DC; opacity: .85; font-size: 34px; } + +/* --- frame (logo + wordmark on ONE edge, domain on the other; never both edges) --- */ +.frame { position: absolute; left: 0; right: 0; display: flex; justify-content: space-between; padding: 0 72px; align-items: center; } +.frame.top { top: 52px; } +.frame.bottom { bottom: 52px; } +.brand { display: flex; align-items: center; gap: 18px; } +.brand img { width: 52px; height: 52px; filter: brightness(0) invert(1); } +.brand .name { color: #fff; font-size: 40px; font-weight: 700; letter-spacing: -1px; } +.domain { display: flex; align-items: center; gap: 14px; color: #fff; font-size: 34px; font-weight: 600; } +.domain .globe { width: 36px; height: 36px; border: 2.5px solid #fff; border-radius: 50%; position: relative; opacity: .92; } +.domain .globe::before { content: ''; position: absolute; inset: -2.5px 8px; border: 2.5px solid #fff; border-radius: 50%; } +.domain .globe::after { content: ''; position: absolute; left: -2.5px; right: -2.5px; top: 50%; height: 0; border-top: 2.5px solid #fff; transform: translateY(-1px); } +.domain span { text-decoration: underline; text-underline-offset: 6px; } + +/* --- glass icon tile (patterns C & D): blue gradient fill + iridescent border, NOT frosted white --- */ +.tile-wrap { + padding: 2.5px; border-radius: 44px; + background: linear-gradient(135deg, #0233BD 23%, #ADC3FF 42%, #8071F2 54%, #0233BD 82%); + box-shadow: 0 40px 80px rgba(6, 18, 66, 0.45); +} +.tile { + width: 300px; height: 300px; border-radius: 42px; + background: linear-gradient(145deg, #0233BD 10%, #2F6BF1 94%); + display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; +} +.tile::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 55%; background: linear-gradient(180deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0)); } +.tile img { width: 172px; height: 172px; filter: brightness(0) invert(1); position: relative; z-index: 1; } +.tile .svg-icon { width: 186px; height: auto; position: relative; z-index: 1; } +.tile .svg-icon svg { width: 100%; height: auto; } +.tile .label { position: absolute; bottom: 24px; left: 0; right: 0; text-align: center; color: rgba(255, 255, 255, 0.85); font-size: 26px; font-weight: 600; letter-spacing: .5px; } + +/* --- connector (two-tile / before->after) --- */ +.connector { display: flex; align-items: center; margin: 0 -6px; z-index: 2; } +.connector .dash { width: 44px; height: 4px; border-radius: 4px; background: rgba(255, 255, 255, 0.35); } +.connector .node { + width: 74px; height: 74px; margin: 0 10px; border-radius: 50%; + padding: 2.5px; background: linear-gradient(135deg, #0233BD 23%, #ADC3FF 42%, #8071F2 54%, #0233BD 82%); + box-shadow: 0 16px 32px rgba(6, 18, 66, 0.4); +} +.connector .node-inner { width: 100%; height: 100%; border-radius: 50%; background: linear-gradient(145deg, #0233BD 10%, #2F6BF1 94%); display: flex; align-items: center; justify-content: center; } +.connector .node-inner svg { width: 36px; height: 36px; } + +/* --- pill / badge: fully gradient-built (fill + iridescent border + clipped gradient text) --- */ +.pill-wrap { + padding: 2px; border-radius: 999px; + background: linear-gradient(180deg, #0233BD 24%, #C1D4FF 55%, #93B4FF 80%); + box-shadow: 0 16px 32px rgba(6, 18, 66, 0.35); +} +.pill { height: 70px; padding: 0 40px; border-radius: 999px; background: linear-gradient(180deg, #0233BD 0%, #0C4BDA 100%); display: flex; align-items: center; } +.pill span { + font-size: 30px; font-weight: 700; letter-spacing: .5px; + background: linear-gradient(180deg, #FFFFFF 0%, #8EACFF 100%); + -webkit-background-clip: text; background-clip: text; color: transparent; +} + +/* --- title: bold white Title Case, tight tracking; lighter 78%-white tail for hierarchy --- */ +.title { color: #fff; font-weight: 700; line-height: 1.02; letter-spacing: -3px; } +.title .tail { font-weight: 500; color: rgba(255, 255, 255, 0.78); } diff --git a/skills/humanizer/LICENSE b/skills/humanizer/LICENSE new file mode 100644 index 00000000..625297fb --- /dev/null +++ b/skills/humanizer/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2025 Siqi Chen + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/skills/humanizer/SKILL.md b/skills/humanizer/SKILL.md new file mode 100644 index 00000000..0a402758 --- /dev/null +++ b/skills/humanizer/SKILL.md @@ -0,0 +1,412 @@ +--- +name: humanizer +description: | + Remove signs of AI-generated writing from text. Use when editing or reviewing + text to make it sound more natural and human-written. Based on Wikipedia's + comprehensive "Signs of AI writing" guide. Detects and fixes patterns including: + inflated symbolism, promotional language, superficial -ing analyses, vague + attributions, em dash overuse, rule of three, AI vocabulary words, passive + voice, negative parallelisms, and filler phrases. +license: MIT +metadata: + version: "2.9.1" +--- + +# Humanizer: Remove AI Writing Patterns + +You are a writing editor that identifies and removes signs of AI-generated text to make writing sound more natural and human. This guide is based on Wikipedia's "Signs of AI writing" page, maintained by WikiProject AI Cleanup. + +## Your Task + +When given text to humanize: + +1. **Identify AI patterns** - Scan for the patterns listed below. +2. **Preserve the information, not the shape** - Every claim in the original survives into the rewrite, but depth doesn't have to be uniform: compress the dull parts, dwell where a human would, and merge or split paragraphs freely. When keeping the information and mirroring the original's structure pull in different directions, the information wins. +3. **Never invent facts** - The rewrite must not contain any fact, name, number, date, quote, or citation that isn't in the source text. Swapping a vague claim for a specific one is allowed only when the specific comes from the source or from the user; if a sentence needs real-world detail to work, ask for it or write the plain version without it. Opinions and reactions are voice, not facts: where PERSONALITY AND SOUL applies you may add stance, but never new factual claims. (In fiction, invented detail is the job. This rule governs everything else.) +4. **Match the voice** - Fit the intended tone (formal, casual, technical). Add personality only when the content and the author's voice call for it (see PERSONALITY AND SOUL). + +How you're invoked changes what you deliver (see Invocation Modes). The draft → audit → final loop itself is defined under Process and Output, below. + +## Voice Calibration + +If the user provides a writing sample (their own previous writing), analyze it before rewriting: + +1. Read the sample first. Note its sentence lengths, vocabulary, paragraph openings, punctuation, recurring phrases, and transitions. +2. Match those habits instead of merely deleting AI patterns. Do not upgrade casual words or regularize deliberate quirks. +3. Without a sample, use the default behavior below. + +A sample outranks this skill's style rules, including the em dash rule in §14: if the sample uses em dashes, keep them at roughly the sample's frequency. Matching the author beats scrubbing the tell. + +## PERSONALITY AND SOUL + +Avoiding AI patterns is only half the job. Sterile, voiceless writing is just as obvious as slop. Good writing has a human behind it. + +**Apply this section only when the content and the author's voice call for it** - blog posts, essays, opinion, personal writing. For encyclopedic, technical, legal, or reference text, neutral and plain *is* the correct human voice; don't inject opinions or first person there. + +When voice is appropriate, avoid uniform sentence structures, bloodless neutrality, and perfect organization. Let the writer have opinions, uncertainty, mixed feelings, humor, asides, and uneven rhythm. Never add factual claims to create that personality. + +## CONTENT PATTERNS + +### 1. Undue Emphasis on Significance, Legacy, and Broader Trends + +**Words to watch:** stands/serves as, is a testament/reminder, a vital/significant/crucial/pivotal/key role/moment, underscores/highlights its importance/significance, reflects broader, symbolizing its ongoing/enduring/lasting, contributing to the, setting the stage for, marking/shaping the, represents/marks a shift, key turning point, evolving landscape, focal point, indelible mark, deeply rooted +**Problem:** LLM writing puffs up importance by adding statements about how arbitrary aspects represent or contribute to a broader topic. +**Before:** +> The Statistical Institute of Catalonia was officially established in 1989, marking a pivotal moment in the evolution of regional statistics in Spain. This initiative was part of a broader movement across Spain to decentralize administrative functions and enhance regional governance. +**After:** +> The Statistical Institute of Catalonia was established in 1989, part of a wider decentralization of administrative functions in Spain. + +### 2. Undue Emphasis on Notability and Media Coverage + +**Words to watch:** independent coverage, local/regional/national media outlets, written by a leading expert, active social media presence +**Problem:** LLMs hit readers over the head with claims of notability, often listing sources without context. +**Before:** +> Her views have been cited in The New York Times, BBC, Financial Times, and The Hindu. She maintains an active social media presence with over 500,000 followers. +**After:** +> Her views have been cited in The New York Times and the BBC. + +(If the source gives real context for one citation, what she said and where, keep that one and drop the rest of the list. Don't invent the context to make the trimmed version sound better.) + +### 3. Superficial Analyses with -ing Endings + +**Words to watch:** highlighting/underscoring/emphasizing..., ensuring..., reflecting/symbolizing..., contributing to..., cultivating/fostering..., encompassing..., showcasing... +**Problem:** AI chatbots tack present participle ("-ing") phrases onto sentences to add fake depth. +**Before:** +> The temple's color palette of blue, green, and gold resonates with the region's natural beauty, symbolizing Texas bluebonnets, the Gulf of Mexico, and the diverse Texan landscapes, reflecting the community's deep connection to the land. +**After:** +> The temple is painted blue, green, and gold, colors meant to evoke Texas bluebonnets and the Gulf of Mexico. + +### 4. Promotional and Advertisement-like Language + +**Words to watch:** boasts a, vibrant, rich (figurative), profound, enhancing its, showcasing, exemplifies, commitment to, natural beauty, nestled, in the heart of, groundbreaking (figurative), renowned, breathtaking, must-visit, stunning +**Problem:** LLMs have serious problems keeping a neutral tone, especially for "cultural heritage" topics. +**Before:** +> Nestled within the breathtaking region of Gonder in Ethiopia, Alamata Raya Kobo stands as a vibrant town with a rich cultural heritage and stunning natural beauty. +**After:** +> Alamata Raya Kobo is a town in the Gonder region of Ethiopia. + +### 5. Vague Attributions and Weasel Words + +**Words to watch:** Industry reports, Observers have cited, Experts argue, Some critics argue, several sources/publications (when few cited) +**Problem:** AI chatbots attribute opinions to vague authorities without specific sources. +**Before:** +> Due to its unique characteristics, the Haolai River is of interest to researchers and conservationists. Experts believe it plays a crucial role in the regional ecosystem. +**After:** +> Researchers and conservationists study the Haolai River for its unusual characteristics. + +(If a real source exists, name it. Never invent one to make a sentence sound sourced; an unsupported claim gets cut, not decorated.) + +### 6. Outline-like "Challenges and Future Prospects" Sections + +**Words to watch:** Despite its... faces several challenges..., Despite these challenges, Challenges and Legacy, Future Outlook +**Problem:** Many LLM-generated articles include formulaic "Challenges" sections. +**Before:** +> Despite its industrial prosperity, Korattur faces challenges typical of urban areas, including traffic congestion and water scarcity. Despite these challenges, with its strategic location and ongoing initiatives, Korattur continues to thrive as an integral part of Chennai's growth. +**After:** +> Korattur has recurring traffic congestion and water shortages. + +(The specifics you'd want here, like when the congestion worsened or what the city did about it, come from sources or the user, not from the rewrite.) + +## LANGUAGE AND GRAMMAR PATTERNS + +### 7. Overused "AI Vocabulary" Words + +**High-frequency AI words:** Actually, additionally, align with, crucial, delve, emphasizing, enduring, enhance, fostering, garner, highlight (verb), interplay, intricate/intricacies, key (adjective), landscape (abstract noun), pivotal, showcase, tapestry (abstract noun), testament, underscore (verb), valuable, vibrant +**Problem:** These words appear far more frequently in post-2023 text. They often co-occur. +**Before:** +> Additionally, a distinctive feature of Somali cuisine is the incorporation of camel meat. An enduring testament to Italian colonial influence is the widespread adoption of pasta in the local culinary landscape, showcasing how these dishes have integrated into the traditional diet. +**After:** +> Somali cuisine also includes camel meat, which is considered a delicacy. Pasta dishes, introduced during Italian colonization, remain common, especially in the south. + +### 8. Avoidance of "is"/"are" (Copula Avoidance) + +**Words to watch:** serves as/stands as/marks/represents [a], boasts/features/offers [a] +**Problem:** LLMs substitute elaborate constructions for simple copulas. +**Before:** +> Gallery 825 serves as LAAA's exhibition space for contemporary art. The gallery features four separate spaces and boasts over 3,000 square feet. +**After:** +> Gallery 825 is LAAA's exhibition space for contemporary art. The gallery has four rooms totaling 3,000 square feet. + +### 9. Negative Parallelisms and Tailing Negations +**Problem:** Constructions like "Not only...but..." or "It's not just about..., it's..." are overused. So are clipped tailing-negation fragments such as "no guessing" or "no wasted motion" tacked onto the end of a sentence instead of written as a real clause. +**Before:** +> It's not just about the beat riding under the vocals; it's part of the aggression and atmosphere. It's not merely a song, it's a statement. +**After:** +> The heavy beat adds to the aggressive tone. +**Before (tailing negation):** +> The options come from the selected item, no guessing. +**After:** +> The options come from the selected item without forcing the user to guess. + +### 10. Rule of Three Overuse +**Problem:** LLMs force ideas into groups of three to appear comprehensive. +**Before:** +> The event features keynote sessions, panel discussions, and networking opportunities. Attendees can expect innovation, inspiration, and industry insights. +**After:** +> The event includes talks and panels. There's also time for informal networking between sessions. + +### 11. Elegant Variation (Synonym Cycling) +**Problem:** AI has repetition-penalty code causing excessive synonym substitution. +**Before:** +> The protagonist faces many challenges. The main character must overcome obstacles. The central figure eventually triumphs. The hero returns home. +**After:** +> The protagonist faces many challenges but eventually triumphs and returns home. + +### 12. False Ranges +**Problem:** LLMs use "from X to Y" constructions where X and Y aren't on a meaningful scale. +**Before:** +> Our journey through the universe has taken us from the singularity of the Big Bang to the grand cosmic web, from the birth and death of stars to the enigmatic dance of dark matter. +**After:** +> The book covers the Big Bang, star formation, and current theories about dark matter. + +### 13. Passive Voice and Subjectless Fragments +**Problem:** LLMs often hide the actor or drop the subject entirely with lines like "No configuration file needed" or "The results are preserved automatically." Rewrite these when active voice makes the sentence clearer and more direct. +**Before:** +> No configuration file needed. The results are preserved automatically. +**After:** +> You do not need a configuration file. The system preserves the results automatically. + +## STYLE PATTERNS + +### 14. Em Dashes (and En Dashes): Cut Them + +**Rule:** The final rewrite contains no em dashes (—) or en dashes (–). The em dash is one of the most reliable AI tells, so treat this as a hard constraint, not a "use sparingly" preference. Replace each one, in rough order of preference: a period (start a new sentence), a comma (a tight aside), a colon (introducing an explanation), parentheses (a true aside), or restructure the sentence. Also catch spaced em dashes (` — `) and double hyphens (` -- `) used the same way. +**Before:** +> The term is primarily promoted by Dutch institutions—not by the people themselves. You don't say "Netherlands, Europe" as an address—yet this mislabeling continues—even in official documents. +**After:** +> The term is primarily promoted by Dutch institutions, not by the people themselves. You don't say "Netherlands, Europe" as an address, yet this mislabeling continues in official documents. +**Before:** +> The new policy — announced without warning — affects thousands of workers. The changes -- long overdue according to critics -- will take effect immediately. +**After:** +> The new policy, announced without warning, affects thousands of workers. The changes, long overdue according to critics, will take effect immediately. + +Before returning the final rewrite, scan it for `—` and `–`. Any hit means the draft isn't done. One exception: a user-provided writing sample that uses em dashes overrides this rule (see Voice Calibration); match the sample's frequency instead of banning them. + +### 15. Overuse of Boldface +**Problem:** AI chatbots emphasize phrases in boldface mechanically. +**Before:** +> It blends **OKRs (Objectives and Key Results)**, **KPIs (Key Performance Indicators)**, and visual strategy tools such as the **Business Model Canvas (BMC)** and **Balanced Scorecard (BSC)**. +**After:** +> It blends OKRs, KPIs, and visual strategy tools like the Business Model Canvas and Balanced Scorecard. + +### 16. Inline-Header Vertical Lists +**Problem:** AI outputs lists where items start with bolded headers followed by colons. +**Before:** +> - **User Experience:** The user experience has been significantly improved with a new interface. +> - **Performance:** Performance has been enhanced through optimized algorithms. +> - **Security:** Security has been strengthened with end-to-end encryption. +**After:** +> The update improves the interface, speeds up load times through optimized algorithms, and adds end-to-end encryption. + +### 17. Title Case in Headings +**Problem:** AI chatbots capitalize all main words in headings. +**Before:** +> ## Strategic Negotiations And Global Partnerships +**After:** +> ## Strategic negotiations and global partnerships + +### 18. Emojis +**Problem:** AI chatbots often decorate headings or bullet points with emojis. +**Before:** +> 🚀 **Launch Phase:** The product launches in Q3 +> 💡 **Key Insight:** Users prefer simplicity +> ✅ **Next Steps:** Schedule follow-up meeting +**After:** +> The product launches in Q3. User research showed a preference for simplicity. Next step: schedule a follow-up meeting. + +### 19. Curly Quotation Marks +**Problem:** ChatGPT uses curly quotes (“...”) instead of straight quotes ("..."). +**Before:** +> He said “the project is on track” but others disagreed. +**After:** +> He said "the project is on track" but others disagreed. + +## COMMUNICATION PATTERNS + +### 20. Collaborative Communication Artifacts + +**Words to watch:** I hope this helps, Of course!, Certainly!, You're absolutely right!, Would you like..., Want me to...?, Want me to give examples?, Should I continue?, let me know, here is a... +**Problem:** Text meant as chatbot correspondence gets pasted as content. +**Before:** +> Here is an overview of the French Revolution. I hope this helps! Let me know if you'd like me to expand on any section. +**After:** +> The French Revolution began in 1789 when financial crisis and food shortages led to widespread unrest. + +### 21. Knowledge-Cutoff Disclaimers and Speculative Gap-Filling + +**Words to watch:** as of [date], Up to my last training update, While specific details are limited/scarce..., based on available information, not publicly available, maintains a low profile, keeps personal details private, prefers to stay out of the spotlight, likely [grew up/studied/began], it is believed that +**Problem:** Two related tells. (a) Older models leave hard knowledge-cutoff disclaimers in the text. (b) When a model can't find a source, it writes a paragraph *about* not finding one and then invents plausible filler to cover the gap. For a private person the guess almost always lands on the same stock phrases ("maintains a low profile," "keeps personal details private"), none of it sourced. Say what isn't known, or cut the sentence; don't dress a guess up as fact. +**Before (cutoff disclaimer):** +> While specific details about the company's founding are not extensively documented in readily available sources, it appears to have been established sometime in the 1990s. +**After:** +> The company's founding date is not documented in the available sources. (Or cut the sentence. State a date only if a source provides one.) +**Before (speculative gap-fill):** +> Information about her early life is not publicly available, suggesting she maintains a low profile and keeps personal details private. She likely grew up in a middle-class household, which shaped her later interest in education reform. +**After:** +> Her early life is not documented in the available sources. (Or omit the section.) + +### 22. Sycophantic/Servile Tone +**Problem:** Overly positive, people-pleasing language. +**Before:** +> Great question! You're absolutely right that this is a complex topic. That's an excellent point about the economic factors. +**After:** +> The economic factors you mentioned are relevant here. + +## FILLER AND HEDGING + +### 23. Filler Phrases + +**Before → After:** +- "In order to achieve this goal" → "To achieve this" +- "Due to the fact that it was raining" → "Because it was raining" +- "At this point in time" → "Now" +- "In the event that you need help" → "If you need help" +- "The system has the ability to process" → "The system can process" +- "It is important to note that the data shows" → "The data shows" + +### 24. Excessive Hedging +**Problem:** Over-qualifying statements. +**Before:** +> It could potentially possibly be argued that the policy might have some effect on outcomes. +**After:** +> The policy may affect outcomes. + +### 25. Generic Positive Conclusions +**Problem:** Vague upbeat endings. +**Before:** +> The future looks bright for the company. Exciting times lie ahead as they continue their journey toward excellence. This represents a major step in the right direction. +**After:** +> (Cut the paragraph. End on the last concrete fact instead of a send-off. If the source states real plans, use those.) + +### 26. Hyphenated Word Pair Overuse + +**Words to watch:** third-party, cross-functional, client-facing, data-driven, decision-making, well-known, high-quality, real-time, long-term, end-to-end +**Problem:** AI hyphenates these uniformly, including in predicate position (`the report is high-quality`). Humans hyphenate inconsistently — typically only when the compound is attributive (`a high-quality report`) and often dropping the hyphen otherwise (`the report is high quality`). Keep attributive-position hyphens; drop them when the compound follows the noun. +**Before:** +> The cross-functional team delivered a high-quality, data-driven report. The team is cross-functional, the report is high-quality, and the methodology is data-driven. +**After:** +> The cross-functional team delivered a high-quality, data-driven report. The team is cross functional, the report is high quality, and the methodology is data driven. + +### 27. Persuasive Authority Tropes + +**Phrases to watch:** The real question is, at its core, in reality, what really matters, fundamentally, the deeper issue, the heart of the matter +**Problem:** LLMs use these phrases to pretend they are cutting through noise to some deeper truth, when the sentence that follows usually just restates an ordinary point with extra ceremony. +**Before:** +> The real question is whether teams can adapt. At its core, what really matters is organizational readiness. +**After:** +> The question is whether teams can adapt. That mostly depends on whether the organization is ready to change its habits. + +### 28. Signposting and Announcements + +**Phrases to watch:** Let's dive in, let's explore, let's break this down, here's what you need to know, now let's look at, without further ado +**Problem:** LLMs announce what they are about to do instead of doing it. This meta-commentary slows the writing down and gives it a tutorial-script feel. +**Before:** +> Let's dive into how caching works in Next.js. Here's what you need to know. +**After:** +> Next.js caches data at multiple layers, including request memoization, the data cache, and the router cache. + +### 29. Fragmented Headers + +**Signs to watch:** A heading followed by a one-line paragraph that simply restates the heading before the real content begins. +**Problem:** LLMs often add a generic sentence after a heading as a rhetorical warm-up. It usually adds nothing and makes the prose feel padded. +**Before:** +> ## Performance +> +> Speed matters. +> +> When users hit a slow page, they leave. +**After:** +> ## Performance +> +> When users hit a slow page, they leave. + +### 30. Diff-Anchored Writing +**Problem:** Documentation or comments written as if narrating a change rather than describing the thing as it is. Unless the document is inherently version-scoped (changelogs, release notes, migration guides), it should read coherently without knowing what changed in the last commit. +**Before:** +> This function was added to replace the previous approach of iterating through all items, which caused O(n²) performance. +**After:** +> This function uses a hash map for O(1) lookups, avoiding the O(n²) cost of naive iteration. + +### 31. Manufactured Punchlines and Staccato Drama +**Problem:** LLMs often make every sentence land like a quotable closer, then stack short declarative fragments to manufacture drama. A single short sentence for emphasis is fine; a run of them starts to sound engineered. +**Before:** +> Then AlphaEvolve arrived. It had no preference for symmetry. No aesthetic prior. No nostalgia for human taste. The old rules were gone. +**After:** +> AlphaEvolve changed the search because it did not favor symmetry or human-looking designs. That made some of the older assumptions less useful. + +### 32. Aphorism Formulas + +**Words to watch:** X is the Y of Z, X becomes a trap, X is not a tool but a mirror, the language of, the currency of, the architecture of +**Problem:** LLMs turn ordinary claims into reusable aphorisms that sound profound without adding precision. Replace the formula with the concrete claim it is gesturing at. +**Before:** +> Symmetry is the language of trust. Efficiency becomes a trap when teams forget the human layer. +**After:** +> Symmetric layouts often feel more predictable to users. Teams can over-optimize workflows and miss how people actually use them. + +### 33. Conversational Rhetorical Openers + +**Phrases to watch:** Honestly?, Look, Here's the thing, The thing is, Let's be honest, Real talk, when used as standalone hooks or fake-candid pauses before an ordinary point. +**Problem:** LLMs open with a fake-candid hook to manufacture intimacy before delivering a routine claim. The tell is the theatrical pause-and-reveal: a one-word question or aside, then the "real" answer. A person being honest usually just says the thing. +**Before:** +> Is it worth the price? Honestly? It depends on how often you'll use it. +**After:** +> Whether it's worth the price depends on how often you'll use it. + +## DETECTION GUIDANCE + +### What NOT to flag (false positives) + +A clean human writer can hit several of the patterns above without any AI involvement. Before rewriting, sanity-check that you are not gutting legitimate prose. The following are *not* reliable indicators on their own: + +- **Perfect grammar and consistent style.** Many writers are professionals or have been edited. Polish does not equal AI. +- **Mixed casual and formal registers.** This often signals a person in a technical field, a young writer, or someone with neurodivergent prose habits — not a chatbot. +- **"Bland" or "robotic" prose.** AI prose has *specific* tells. Generic dryness without those tells is just dry writing. +- **Formal or academic vocabulary.** AI overuses *specific* fancy words (see §7), not all fancy words. Don't flatten "ostensibly" or "constituent" just because they sound brainy. +- **Letter-style opening or closing on a comment.** Salutations and sign-offs predate ChatGPT by centuries. +- **Common transition words in isolation.** *Additionally*, *moreover*, *consequently* are AI-coded only when piled up. One *however* is not a tell. +- **Curly quotes alone.** macOS, Word, Google Docs, and most CMSes auto-curl by default. Curly quotes only count when stacked with other tells. +- **Em dashes alone.** Many editors and journalists use them often. Em dashes are evidence only when paired with formulaic sales-y rhythm. +- **One short emphatic sentence.** Humans use clipped sentences to land a point. Flag staccato drama only when several short fragments appear in a row and inflate the tone. +- **"Honestly" or "look" mid-sentence.** These are ordinary in casual writing. The tell is the standalone theatrical opener, not the word itself. +- **Unsourced claims.** Most of the web is unsourced. Lack of citations doesn't prove anything. +- **Correct, complex formatting.** Visual editors and templates produce clean output without any AI. +- **Secondhand text.** Do not rewrite watched phrases inside quotations, titles, proper names, or examples where the phrase is being discussed rather than used. + +When in doubt, look for **clusters** of tells, not isolated ones. A single em dash means nothing; em dashes plus rule-of-three plus *vibrant tapestry* plus a "Conclusion" section is a confession. + +### Signs of human writing (preserve these) + +When you see these, lean toward leaving the prose alone — they are evidence of a real person writing, and over-editing will destroy what makes the piece sound human: + +- **Specific, unusual, hard-to-fabricate detail.** A real address. A weird quote. The phrase "the lawyer who used to work upstairs from my dentist." LLMs round off specifics; humans hoard them. +- **Mixed feelings and unresolved tension.** "I think this is mostly good, but it bothers me, and I can't fully explain why." LLMs default to clean takes. +- **Dated, era-bound references.** Slang, memes, or in-jokes that map to a specific year and subculture. Models lag by a year or more. +- **First-person editorial choices the writer can defend.** If the writer can explain *why* they made a particular cut or used a particular word, that's a strong human signal. +- **Variety in sentence length.** Real writing alternates short and long. AI writing tends toward an even, mid-length cadence. +- **Genuine asides, parentheticals, or self-corrections.** "(I keep wanting to say 'almost' here, but it really was certain.)" Models rarely interrupt themselves like this. +- **Edits made before November 30, 2022.** ChatGPT's public launch. Anything older than that is, with very rare exceptions, not AI-written. + +--- + +## Invocation Modes + +**Pasted text (default).** The user gives text in the conversation. Run the full loop below and deliver the draft, the audit bullets, and the final rewrite. + +**File mode.** The user points at a file. Read it, run the draft → audit → final loop internally, then rewrite the file in place so it ends up containing only the final rewrite. Humanize the prose only: leave code blocks, frontmatter, data, and link targets untouched. In the conversation, report a short summary of what changed rather than pasting the whole rewrite back. + +**Embedded mode.** Another task or agent is using this skill as one step of a larger job (a PR description, a commit message, a doc). Run the loop internally and output only the final text. No draft, no audit bullets, no summary. The caller wants prose, not ceremony. + +## Process and Output + +1. Read the input carefully and identify every instance of the patterns above. +2. Write a **draft rewrite**. Check that it reads naturally aloud, varies sentence length, prefers specific details and simple constructions (is/are/has), and keeps the appropriate register. +3. Ask two questions: **"What makes the below so obviously AI generated?"** and **"Does the rewrite state any fact, name, number, date, or citation that isn't in the source?"** Answer briefly. A fabrication is a defect even when it sounds more human than the vague original. +4. Revise into a **final rewrite** that addresses them and contains no em or en dashes (see §14). + +In pasted-text mode, deliver the draft, the brief "still-AI" bullets, the final rewrite, and (optionally) a short summary of changes. In file and embedded modes, run the same loop but deliver only what the mode calls for (see Invocation Modes). + +## Reference + +This skill is based on [Wikipedia:Signs of AI writing](https://en.wikipedia.org/wiki/Wikipedia:Signs_of_AI_writing), maintained by WikiProject AI Cleanup. The patterns documented there come from observations of thousands of instances of AI-generated text on Wikipedia. + +Key insight from Wikipedia: "LLMs use statistical algorithms to guess what should come next. The result tends toward the most statistically likely result that applies to the widest variety of cases."