# Skill Card

Portfolio skill display card with icon/logo, skill name, proficiency level (percentage or text), and animated progress bar. Progress bar animates on scroll into view. Supports different sizes (sm, md, lg) and color variants. Perfect for showcasing technical skills in portfolios.

## Files

| Target | Type |
|--------|------|
| `$modules$/skill-card/index.ts` | index |
| `$modules$/skill-card/skill-card.tsx` | component |

## Exports

**Components/Functions:** `SkillCard`

```typescript
import { SkillCard } from '@/modules/skill-card';
```

## Usage

```
import { SkillCard } from '@/modules/skill-card';

<SkillCard
  name="React"
  icon={<ReactIcon />}
  level={90}
/>

• Installed at: src/modules/skill-card/
• Use in grid: grid grid-cols-2 md:grid-cols-4 gap-4
```
