A lightweight tool focused solely on analyzing and visualizing website performance, embeddable anywhere: including your GitHub profile README! Supports personal websites, organizations, and even repositories.
git clone https://github.com/aelmizeb/site-metrics-card.gitThe site-metrics-card is a specialized Claude Code skill designed for marketing professionals and developers who need to analyze and visualize website performance efficiently. This lightweight tool can be embedded anywhere, including GitHub profile READMEs, making it versatile for personal websites, organizations, and repositories. By utilizing this skill, users can gain insights into website metrics that are crucial for optimizing online presence. One of the key benefits of the site-metrics-card is its ability to save time by providing immediate visual representations of website performance data. Although the exact time savings are not quantified, the skill's straightforward implementation process allows users to set it up in just 30 minutes. This efficiency is particularly valuable for product managers and AI practitioners who often juggle multiple tasks and need quick access to performance analytics. This skill is ideal for developers, product managers, and marketing teams looking to enhance their workflow automation. By integrating the site-metrics-card into their processes, these professionals can easily monitor key performance indicators (KPIs) and make data-driven decisions. For instance, a developer can embed the card in their GitHub README to showcase their project’s performance metrics, while a marketing team can use it to track the effectiveness of their campaigns. With an intermediate level of complexity, the site-metrics-card requires some technical know-how but is accessible to those familiar with basic coding. Its integration into AI-first workflows allows users to leverage automation for continuous performance monitoring, ensuring that they stay ahead in a competitive digital landscape. By adopting this skill, users can enhance their marketing strategies and improve overall website performance, making it a valuable addition to any tech stack.
No install command available. Check the GitHub repository for manual installation instructions.
git clone https://github.com/aelmizeb/site-metrics-cardCopy the install command above and run it in your terminal.
Launch Claude Code, Cursor, or your preferred AI coding agent.
Use the prompt template or examples below to test the skill.
Adapt the skill to your specific use case and workflow.
Create a site metrics card for [COMPANY] in the [INDUSTRY] sector. Include key metrics like monthly visitors, bounce rate, and average session duration. Use the following [DATA]: [insert data here]. Format it as an embeddable card with a clean, modern design.
# Site Metrics Card ## Overview - **Monthly Visitors**: 45,230 - **Bounce Rate**: 32.5% - **Average Session Duration**: 3 minutes 45 seconds - **Top Traffic Source**: Google Organic (45%) ## Key Metrics ### Traffic Sources - **Direct**: 25% - **Social Media**: 15% - **Referral**: 10% - **Other**: 5% ### Device Usage - **Desktop**: 60% - **Mobile**: 35% - **Tablet**: 5% ### Geographic Distribution - **United States**: 40% - **United Kingdom**: 20% - **Canada**: 15% - **Other**: 25% ## Performance Trends - **Last 30 Days**: +12% increase in visitors - **Last 30 Days**: -5% decrease in bounce rate - **Last 30 Days**: +8% increase in session duration ## Embeddable Code ```html <iframe src="https://example.com/site-metrics-card/[COMPANY]" width="300" height="400" frameborder="0"></iframe> ```
Code hosting and collaboration platform for developers
We create engaging workshops for companies and private events centred around plants, flowers and all things botanical.
Automated Meeting Reports Transcripts Notes Video Coaching
Build beautiful, interactive API documentation effortlessly.