aidenybai / aidenybai/react-grab

Storybook addon for react-grab

Đang mở
#504 0 bình luận 1 reaction 0 người được giao Xem trên GitHub
Ngôn ngữ chính
TypeScript
Star
7.6k
Fork
340
Merge trung bình
5 giờ 12 phút
Pull request đã merge (30 ngày)
6

Mô tả

Hi! Thanks for react-grab!
It's sooo great for feeding component context to AI agents.

We made a Storybook addon on top of it. It loads react-grab in the Storybook preview and, in addition to the normal copy, appends the current story's id and args. So when you grab an element, the agent also sees which story and variant it came from.

```
[ in Button (at src/Button.tsx:12:5)]

--- Storybook ---
Story: Components/Button › Primary (components-button--primary)
Args: { variant: "primary", size: "md" }
```

The goal was to bring designers into the AI-agent dev loop. Our designers work in Figma, and getting that design intent into an agent workflow was finicky, especially on a brownfield codebase where vibe design tools didn't hold up well. Storybook already renders our actual components, so having someone grab the real thing there, with its story context, turned out to be a far more reliable bridge to the agent.

- npm: https://www.npmjs.com/package/@zigbang/storybook-addon-react-grab
- Demo: https://zigbang.github.io/storybook-addon-react-grab/
- Tested on Storybook 9 and 10

We'd love any feedback or suggestions, and feel free to link it if it's useful to others.

Thanks again for building react-grab 🙏

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Đánh giá

Issue này chưa được đánh giá.

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.