Component Usage Analytics

Analyze component usage across files and features for deprecation planning.

9|2|Updated Jan 9, 2026
One-click install
npx skills add https://github.com/flight505/storybook-assistant --skill component-usage-analytics
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Component Usage Analytics
Source: https://github.com/flight505/storybook-assistant/tree/main/skills/component-usage-analytics
Command: npx skills add https://github.com/flight505/storybook-assistant --skill component-usage-analytics

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This skill enables teams to locate where components are used across a codebase, empowering data-driven deprecation decisions, impact analysis, and migration planning.

Core Features & Use Cases

  • Usage Analysis: Find all usages of a component across files and features.
  • Deprecation Planning: Assess migration impact and plan phased removals.
  • Unused Component Detection: Identify components with little production usage.
  • Adoption Tracking: Monitor how quickly new components are adopted across the codebase.

Quick Start

  • Run: npm run analyze:usage Button
  • Generate a migration plan from usage data: npm run generate:migration-guide Button@v1 Button@v2
  • Find unused components: npm run analyze:unused

Frequently Asked Questions about Component Usage Analytics

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I find where a component is used across my codebase?

To find component usage across a codebase, you can run an analysis script that parses files and aggregates all instances. This reports every file and feature where the component appears, giving you a complete usage map.

What is the best way to plan a component deprecation and migration?

Component deprecation planning works best when guided by usage data that assesses migration impact. You can generate a migration guide from usage analysis to plan phased removals and track the transition from old to new component versions.

Can I detect unused components in my codebase automatically?

Yes, you can detect unused components by running a dedicated analysis command that scans the codebase. It identifies components with little to no production usage, helping you safely target them for removal.

How do I track component adoption across new features?

Component adoption tracking monitors how quickly new components are used across files and features. By analyzing usage reports over time, you can measure the adoption rate and ensure teams are migrating to the desired versions.

Do I need any external dependencies to analyze codebase component usage?

No external dependencies are required to analyze codebase component usage. The skill operates independently using internal scripts and references to parse your codebase and generate usage reports.

What are the limitations of using usage analysis for deprecation planning?

Usage analysis for deprecation planning is limited by the accuracy of codebase parsing and aggregation. It may miss dynamically imported components or fail to reflect runtime usage, so reports should be verified before final removal.