[デザインチェック後マージ] Storybookのセクション分けを調整

[touyou]

• Badge, Breadcrumb, Button, Card, Checkbox, Dialog, Divider, IconButton, Icon, InlineMessage, InputPassword, Input, Link, Modal, Radio, Select, Skeleton, Slider, Spinner, Switch, Tabs, Tag, Textarea, Tooltipのタイトルを更新し、適切なカテゴリに分類しました。
• MCPドキュメントのタイトルと説明を更新しました。

概要

StorybookとFigmaの構造を合わせることでメンテナンス性と一覧のしやすさを向上する試みです。

変更内容

• Figmaと同じセクション分けにする

動作確認

• pnpm lint を実行
• pnpm build を実行してプロジェクトが正常にビルドされることを確認
• pnpm test を実行してテストがすべて成功することを確認

関連 Issue

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
sparkle-design	Ready	Preview	Comment	Sep 26, 2025 8:43am

[Copilot]

Pull Request Overview

This PR reorganizes Storybook component categories to align with Figma's structure for better maintainability and discoverability. The changes move components from a flat "Components/" structure to semantic categories like "Form/", "Data Display/", "Navigation/", etc.

• Restructures 24 UI components into semantic categories (Form, Data Display, Navigation, Overlay, Feedback, Disclosure, Media)
• Updates MCP documentation title and adds bilingual description
• Standardizes component organization between Storybook and Figma design system

Reviewed Changes

Copilot reviewed 25 out of 25 changed files in this pull request and generated no comments.

File	Description
src/docs/mcp.mdx	Updates documentation title and adds English translation
src/components/ui/*/index.stories.tsx	Reorganizes 24 components into semantic categories instead of flat "Components/" structure

Comments suppressed due to low confidence (3)

src/components/ui/input-password/index.stories.tsx:7

• [nitpick] The title "Form/Input Password" uses inconsistent capitalization compared to other components. Consider using "Form/InputPassword" to match the component name pattern used elsewhere.

  title: "Form/Input Password",

src/components/ui/inline-message/index.stories.tsx:12

• [nitpick] The title "Feedback/Inline Message" uses inconsistent capitalization compared to other components. Consider using "Feedback/InlineMessage" to match the component name pattern used elsewhere.

  title: "Feedback/Inline Message",

src/components/ui/icon-button/index.stories.tsx:7

• [nitpick] The title "Form/Icon Button" uses inconsistent capitalization compared to other components. Consider using "Form/IconButton" to match the component name pattern used elsewhere.

  title: "Form/Icon Button",

[ore0]

Figmaのコンポーネントの分類が適切ではないと考えているので、このPRも承認していいもいいものかと悩んでいました。
とはいえ一旦Figmaと揃えてFigmaを修正するタイミングでこちらも修正するという方針もアリかなと考えています。

また、shadcn MCPの正式名称はshadcn/ui Registry MCPかもしれないです。
実態はSparkle Designのコンポーネント配信基盤なので、Sparkle Design Registry MCPとしてもいいかもしれないです。

[touyou]

@ore0
分類に関してはこれがいいというよりはFigmaと一致させておくという点が参照のしやすさという観点でいいかなという意図でした🙆‍♂️なので

一旦Figmaと揃えてFigmaを修正するタイミングでこちらも修正するという方針

になるかと思います

shadcnのMCP名称に関しては本当にこことTwitterしか情報がなく正解がわからなかったので画像を素直に読んだ場合といった抜き出し方をしていたというところでした。

とはいえSparkleのMCPという扱いになるという点はアグリーなのでshadcn側の正式名称はぼかしてSparkle Design Registry MCPにしようかと思います！

[touyou]

@ore0 上記コミットでMCPドキュメントのみ調整してます！

[ore0]

LGTM!!

[touyou]

ありがとうございます！多分URLが変わっちゃうので一旦今だしている修正完了確認終わってからマージします🙆‍♂️