#frontend (4)

S

screenshot-to-code OSS

スクリーンショットを渡すとそっくりなHTML/Reactコードを生成するツール。デザイン→コード変換の代表的OSS。

S

shadcn/ui テンプレート

コピー&ペーストで使う新発想のUIコンポーネント集。AI時代のフロントエンドの事実上の標準になった。

F

Figma Context MCP MCPサーバー

FigmaのデザインデータをAIコーディングツールに供給するMCPサーバー。デザインからの実装精度を大幅に高める。

M

Magic MCP (21st.dev) MCPサーバー

自然言語からUIコンポーネントを生成するMCPサーバー。エディタ内で「価格表を作って」と頼むとReactコンポーネントが届く。