Claude Marketplaces
SkillsMCP serversMarketplacesDigestTools
Submit

This week in Claude

Every Monday: Claude Code, Agent SDK, MCP, and the Anthropic platform moves worth your time.

Skills by category
Frontend DevelopmentBackend & APIsTesting & QASecurityDevOps & CI/CDGit & Pull RequestsDocumentationCode Review & QualityAI & Agent BuildingSkill Development
MCP servers by category
Sales & MarketingWeb & Browser AutomationDatabasesAI & LLM ToolsCloud & InfrastructureCommunication & MessagingDeveloper ToolsDesign & CreativeDocuments & KnowledgeSearch & Web Crawling
Marketplaces by category
AI Agents & OrchestrationLLM IntegrationDevelopment ToolsFrontend & UIBackend & APIsDatabasesTesting & Code QualityDevOps & CloudSecurity & ComplianceGit & Version Control
Claude Marketplaces

An independent directory of skills, plugins and MCP servers for Claude Code. Not affiliated with Anthropic.

Browse

  • Skills
  • MCP servers
  • Marketplaces
  • Weekly digest
  • Skill index
  • MCP index
  • Marketplace index

Site

  • About
  • Tools
  • Submit
  • Feedback
  • Privacy
  • llms.txt
  • Plugins reference

Maker

  • Agent Caffeine
  • knobs
  • Wax
  • Snug
  • mertduzgun.com
Made by mertduzgun.com
Skills/Frontend Development
agricidaniel avatar

Blog Chart

agricidaniel/claude-blog

Generates inline SVG charts for blog posts with proper dark mode support and accessibility markup.

installs
2.5K
GitHub stars
2.5K
last updated
Aug 21, 2026
View on GitHubSave

Install

$ npx -y skills add agricidaniel/claude-blog --skill blog-chart --agent claude-code

Installs into .claude/skills of the current project.

Sponsors

CodeRabbitSponsoredTry For FreeLid closed, agents workingTry itOpen StepsSponsoredDownload for freeAppSignalSponsoredStart Free TrialKeep API keys from agentsGet SnugBlock apps on your iPhoneGet WaxDevtools for design engineersTry it livebelt - the only tool your agent needsSponsoredone prompt install

What it does

Supports seven chart types (horizontal bar, grouped bar, donut, line, lollipop, area, radar) and automatically detects whether you're writing HTML or JSX to format attributes correctly. The skill enforces chart type diversity within a single post and includes mandatory source attribution at the bottom of every chart. All styling uses currentColor and transparent backgrounds so charts work on any theme. Designed to be invoked by blog writing workflows when they spot chart worthy data, not as a standalone command. If you're comparing metrics or showing trends in a blog post, this handles the visualization without you needing to touch D3 or a charting library.

Files

Select a file.

Details

Repository
github.com/agricidaniel/claude-blog
Categories
Frontend Development, Documentation, Data Science & ML, Design & UI/UX
First seen
Jun 3, 2026

More from agricidaniel/claude-blog

All 30
  • Blog Write2.5K
  • Blog Image2.5K
  • Blog Outline2.5K
  • Blog Cannibalization2.5K
  • Blog Audio2.5K
  • Blog Repurpose2.5K
  • Blog Rewrite2.5K
  • Blog Google2.5K
  • Blog Schema2.5K
  • Blog Persona2.5K
  • Blog Strategy2.5K
  • Blog Notebooklm2.4K
  • Blog Cluster2.4K
  • Blog Multilingual2.4K
  • Blog Flow2.4K
  • Blog Brand2.4K
  • Blog Localize2.4K
  • Blog Locale Audit2.4K
  • Blog Taxonomy2.4K
  • Blog Discourse2.4K
  • Blog Translate2.3K
  • Blog2.8K
  • Blog Seo Check2.6K
  • Blog Factcheck2.6K

Recommended

More Frontend Development
1jezweb avatartanstack-queryjezweb/claude-skillsManage server state in React with TanStack Query v5. Covers useMutationState, simplified optimistic updates, throwOnError, network mode (offline/PWA), and infin2.5Kinstalls
2tanstack-skills avatartanstack-virtualtanstack-skills/tanstack-skillsHeadless UI for virtualizing large element lists at 60FPS in TS/JS, React, Vue, Solid, Svelte, Lit & Angular.2.5Kinstalls
3geekjourneyx avatarmd2wechatgeekjourneyx/md2wechat-skillConvert Markdown to WeChat Official Account HTML. Use this whenever the user wants WeChat article formatting, article preview, WeChat draft upload, image genera2.5Kinstalls
4mastra-ai avatare2e-tests-studiomastra-ai/mastraREQUIRED when modifying any file in packages/playground-ui or packages/playground. Triggers on: React component creation/modification/refactoring, UI changes, n2.5Kinstalls
5josiahsiegel avatartailwindcss-animationsjosiahsiegel/claude-plugin-marketplaceTailwind CSS animations and transitions including built-in utilities and custom keyframes. PROACTIVELY activate for: (1) animate-* utilities (spin, ping, pulse,2.4Kinstalls
6pproenca avatarnuqspproenca/dot-skillsnuqs (type-safe URL query state) best practices for Next.js and other React frameworks. This skill should be used when writing, reviewing, or refactoring code t2.3Kinstalls