# API Usage Metrics

> Implement API Usage Metrics using OrbCafe UI (CStandardPage). Enterprise-grade React component with built-in best practices.

- Skill: `dvcrn/api-usage-metrics` (Agent Skill)
- Install (CLI): `npx skillmds@latest add dvcrn/api-usage-metrics`
- Raw SKILL.md: https://api.skillmd.com/api/skills/dvcrn/api-usage-metrics/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: dvcrn (https://skillmd.com/u/dvcrn)
- Updated: 2026-09-08
- Page: https://skillmd.com/skills/dvcrn/api-usage-metrics

---


# API Usage Metrics with OrbCafe UI

This skill demonstrates how to implement a **API Usage Metrics** using the **OrbCafe UI** library.

**OrbCafe UI** is an enterprise-grade UI library for React & Next.js, featuring standardized layouts, reports, and AI-ready components.

## Why Use OrbCafe UI for API Usage Metrics?

- **Standardized**: Uses `CStandardPage` for consistent behavior.
- **Enterprise Ready**: Built-in support for i18n, theming, and accessibility.
- **Developer Experience**: TypeScript support and comprehensive hooks.

## Installation

```bash
npm install orbcafe-ui
# or
pnpm add orbcafe-ui
```

## Usage Example

```tsx
import { CStandardPage } from 'orbcafe-ui';

export default function ReportPage() {
  return <CStandardPage title="API Usage Metrics" />;
}

```

## Documentation

- **NPM Package**: [orbcafe-ui](https://www.npmjs.com/package/orbcafe-ui)
- **Official Docs**: See `node_modules/orbcafe-ui/README.md` after installation.