Pixelshad

概要

ダッシュボードのスクリーンショットをアップロードすると、Shadcn UI コンポーネントを組み込んだ本番運用向けの React + TypeScript コードを自動生成します。デザインの再現と実装の迅速化を目指します。

特長

• スクリーンショットからコードを生成して、即戦力レベルのコードを提供
• Shadcn UI を前提としたコンポーネント構成で、既存プロジェクトへ適用しやすい
• UI の再現性と整合性を重視した出力

使い方

• ダッシュボードのスクリーンショットをアップロード
• 生成コードをプロジェクトに取り込み、必要に応じて微調整

価格

• 無料トライアル3回
• 以降は月額9ドルで無制限

想定ユーザー

• Shadcn を使う開発者・デザイナーのワークフローを改善したいチーム