This skill should be used when adding interactive elements — charts, sliders, step-through diagrams, or any custom Angular widget — to a markdown blog post in apps/blog-app (the AnalogJS blog on dalenguyen.me). It documents the placeholder + co-located manifest + glob auto-discovery + dynamic-mount architecture, the reusable BarChartComponent, and the non-obvious gotchas (escaping inline tags, ShadowDom, SSR-safety) needed to ship a working interactive post.
Use when asked to check, audit, or improve Google Search Console indexing/SEO for dalenguyen.me — e.g. "check search console", "why aren't my pages indexed", "improve SEO", "audit indexing", or "/search-console-audit". Investigates indexing gaps, finds root causes in the blog-app source, fixes them, deploys, and resubmits the sitemap.
This skill should be used when the user asks to post or publish a blog post to dev.to. It automates opening the dev.to new post editor in Chrome via the chrome-devtools MCP, filling in the title, tags, and content, and saving as a draft for review before publishing.
This skill should be used when the user asks to post or publish a blog post to Medium. It automates opening the Medium new story editor via CloakBrowser (stealth Chromium), filling in title and content from the rendered blog URL, and saving as a draft for review before publishing.
Use when asked to create a social media post, LinkedIn post, X thread, or shareable infographic about a technical topic. Generates a single HTML file containing a screenshot-friendly dark-themed infographic at the top plus copy-ready LinkedIn long-form and X thread drafts below — all in one deliverable. Triggers on phrases like "create a LinkedIn post", "make an X thread", "social media post about X", "shareable post for", "infographic post", or "/social-media-post".
Use when asked to turn an article, blog post, documentation page, or URL into an interactive HTML learning experience. Triggers on phrases like "make this interactive", "turn this into a learning page", "interactive breakdown of", "teach me X interactively".
Use when generating a hero/cover image for a new blog post on dalenguyen.me. Triggers on "generate hero image", "create cover image", "blog hero", or when a new post needs a coverImage asset.
Use when asked to create a blog post from a YouTube video URL. Triggers on phrases like "create a blog post from this video", "blog post from YouTube", or when given a YouTube URL with intent to document learnings.