Closed8
Clineお試し

cline使ってみる
openaiのクレジットが余っているので4oで試す

.clinerulesを下記参考に配置してみる

figmaからエクスポートしたデザイン画像からhtmlの生成を試す
空ディレクトリで実行
Reactを使用して添付された画像をデザインの参照元としてそのデザインのコンポーネントを作ってください
Reactの必要なライブラリとかも一緒にnpm installしてくれる

コンポーネントの生成はできたがtailwind周りでエラーになっている
tailwindの設定周りなど、ライブラリの設定などは人の手でやってあげるほうが良さそう
terminalでエラーになって、修正しようとしてまたエラーになって、無限ループっぽくなって暴走してた

もっと単純なプロジェクトとして、三目並べをJavaScriptで作ってもらう
Planで仕様を固めて行ってからActで生成させるのが良さそう

三目並べはすぐに生成できた
Vanilla JSでの生成だったから?
ライブラリ周りの設定がないとエラーにもなりにくそう

1Taskで$0.4かかったり結構かかった
Roo Codeに切り替えて o4-mini にすると 1Task $0.003とかになった

まとめ
プロジェクトの初期設定などは人の手でやってあげて、大まかなコード生成をclineで実施する
その後、細かい部分などをCursorで実装とかしてあげるといい感じにできるのかも
モデルを適切なものに変更するとさらにいいっぽいので
今度はClaude 3.5 Sonnetとかで試してみる
このスクラップは2ヶ月前にクローズされました