Claude

AI生成のWebデザインを劇的に洗練させるスキル

by

最近、CursorやClaudeを傍らに置いてプロトタイプや簡単なランディングページを組むたびに、ある種の「既視感」に襲われることが増えた。 プロンプトを投げれば、ものの数秒でレスポンシブなWebページが組み上がる。エラ … 続きを読む

AI時代のドキュメントデザインシステム「Kami」

by

AIが書いたテキストを、誰が「清書」するのか ChatGPTやClaudeが紡ぎ出すテキストの質が、日常業務において人間のそれを凌駕する瞬間が増えてきた。しかし、そのテキストを上司やクライアントに提出する「ドキュメント」 … 続きを読む

テキストから本格UIを生成するHuashu Design

by

ピクセルをターミナルから叩き出す時代 開発の現場において、デザインとエンジニアリングの境界線は常に悩ましい断層だった。Figmaのカンバスに描かれた美しいモックアップを前に、どうやってこれをDOMツリーとCSSに翻訳する … 続きを読む

一瞬でUI構築！Claude Design向けDESIGN.md集

by

「信頼感のある青」をAIにどう伝えるか 「この青色には、もう少し信頼感を持たせたいんです」 会議室でデザインチームから渡された分厚いPDFのブランドガイドラインを眺めながら、フロントエンドの実装方針に頭を悩ませた経験は、 … 続きを読む

AIエディタのトークン消費を可視化する「CodeBurn」

by

見えないところで「燃焼」するトークン 月末のクレジットカード明細を見て、思わず二度見した経験はないだろうか。最近、現場のエンジニアたちと話していると、必ずと言っていいほど話題に上るのが「AIエディタの裏側で発生しているコ … 続きを読む

高CVオンボーディングをClaude Codeで自動生成

by

最初の3分という魔の領域 「いいアプリを作れば、ユーザーは分かってくれる」——そんな牧歌的な幻想がモバイルアプリ市場から消え去って久しい。いくら背後で革新的なアルゴリズムを回していようと、UIのトランジションを極限まで滑 … 続きを読む

Claude Codeの専用知識ベースを自動構築するツール

by

エディタの向こう側にある「忘却」との戦い 画面を眺めながら、思わず深いため息をついた経験はないだろうか。「そのライブラリのバージョン競合を回避するワークアラウンドについては、昨日も全く同じ説明をしたじゃないか」。 Cla … 続きを読む

Claude Codeで著名人の思考を再現「nuwa-skill」

by

最近、LLMに「〇〇のように振る舞って」と指示することに虚しさを感じていないだろうか。 例えば「スティーブ・ジョブズのように」とプロンプトを書けば、AIは「Stay hungry, stay foolish」とそれっぽい … 続きを読む

Macの画面を見て話すAIアシスタント「Clicky」の仕組み

by

「ウィンドウの向こう側」から「肩越しの視点」へ ここ数ヶ月、自分の作業スタイルが明確に変化していることに気づく。コーディング中に行き詰まったとき、ブラウザを開いてChatGPTやClaudeのテキストボックスにエラーメッ … 続きを読む