Transcript

Build a `ProfileCard` with avatar (or initials), name, title, optional tags, and action buttons. Export default from `src/components/ProfileCard.tsx`.

Skill

toolu_011ZUR4MUXr1qWycknHBuEDK

Base directory for this skill: /workspace/.claude/skills/stories Prerequisites: 1. Storybook must be installed in the project. Invoke the `/storybook-init` skill to set up Storybook, but only if the...

Bash

toolu_0127V5QQwLEHpJR237M87LBg

Bash

toolu_01QxLLJqwvL652sXEJCpvKdk

This project uses reshaped design system. Let me get the story-writing instructions and discover available documentation first.

Bash

toolu_01XeXdu7vupNirHM18jdPnGk

Now let me discover the design system components. Let me start the Storybook server and list documentation.

Bash

toolu_016Ty5FSUGU5xACiE2Uyrr33

ToolSearch

toolu_01CUW5VsuoYHokrcGgD3F7Tw

Bash

toolu_011cqMtNDLA7uj3hmcSBmHhd

ToolSearch

toolu_01KCy13S3k7snKTm47obEmDT

Let me start the Storybook server so I can access documentation tools.

mcp__preview-browser__preview_start

toolu_01NPLhrWxQabVMgHdzZ7Rbp4

Bash

toolu_01Fige9gSC7zSqUfRvRiiEB9

The relevant components are Avatar, Badge (for tags), Button, Card, Text, View. Let me fetch their docs.

Bash

Bash

toolu_01BiarQbCQjHJK9F8eM6HGtA (failed)

toolu_01LZ1sC2osbJbwP49ewCv1vR (failed)

I need the `storybookId` param since multiple sources are configured.

Bash

Bash

toolu_0191gcYeAMbx9YnhLitWQidX

toolu_01MqLrfW3t9bp7bxMo5mNBAZ

Now let me get Button, Badge, Text, and View docs.

Bash

Bash

toolu_01B45G5NzsN4rfHtjNyCJv2y

toolu_01WrU1AufJxM3jx3sFZ9HfiB

Bash

Bash

toolu_01JPHPbHWDLWkirmuUweKRBy

toolu_01HdmwTXWF5diRfs4PcyesSu

Let me verify Text variant names from its stories.

Bash

toolu_01CqrsfZn9i1ZyNQ7orXkTqD

Bash

toolu_01C7qfeQ5MBSKDHx8hpAQoRU

Bash