// Use when syncing CSS-Tricks articles to the blog, checking for missing external articles, or when the user mentions CSS-Tricks articles not yet added to src/content/blog/. Triggers on: sync articles, sync css tricks, add css tricks articles, missing css tricks posts, check external articles.
| name | sync-css-tricks |
| description | Use when syncing CSS-Tricks articles to the blog, checking for missing external articles, or when the user mentions CSS-Tricks articles not yet added to src/content/blog/. Triggers on: sync articles, sync css tricks, add css tricks articles, missing css tricks posts, check external articles. |
Fetch articles from the CSS-Tricks author page and create blog entries for any missing ones in src/content/blog/.
Fetch author page: WebFetch https://css-tricks.com/author/zellwk/ — extract all article titles and URLs. Only page 1 unless user requests more.
Find missing articles: For each article, search src/content/blog/ by grepping for the CSS-Tricks URL and searching by title keywords. Read the frontmatter of potential matches to confirm — filenames can be misleading.
For each missing article, fetch its page to get:
Create blog entry files using the format below.
---
title: Article Title Here
description: 'One-sentence description of the article's core argument or insight.'
url: https://css-tricks.com/article-slug/
external: CSS Tricks
tags: ['relevant', 'tags']
---
Add updateDate to the frontmatter of the article if it exists.
{YYYY-MM-DD}-{slug}.mdx where date is from the CSS-Tricks publication date and slug is a short kebab-case version of the title.
Examples:
2025-10-20-honeypot-field.mdx2026-01-26-no-need-to-trap-focus-dialog.mdx2026-02-02-vscode-theming-building-extension.mdxCommon tags: css, javascript, accessibility, tailwind, vscode, typography, layouts, design, theming, splendidlabz, astro, svelte
Check existing articles for conventions.