Show HN: CSS Studio. Design by hand, code by agent

> Source: Hacker_News

// Discussion Topic

ブラウザ上の視覚的なデザイン操作を、いかにして既存のコードベースの設計思想（デザインシステムやCSSフレームワーク）を壊さずに、AIエージェントを通じて同期させるかという、次世代フロントエンド開発ワークフローの実現性。

// Community Consensus

コンセプトは革新的だが、プロの現場で使うには「コードの整合性」が絶対条件である。単なるスタイルの注入ではなく、既存のクラスやデザイントークンをエージェントが理解し、適切に適用できるかが分水嶺となる。また、プロダクトの信頼性を担保するためには、言葉による説明ではなく、即座に価値を理解させる高品質な動画デモと、変更内容を確認できるDiff表示機能が不可欠であるとの見解で一致している。

// Alternative Solutions

FigmaのAIデザインツール、Claudeへのスクリーンショットを用いたプロトタイピング、Webflowによるノーコード実装。

// Technical Terms

Senior Engineer Insight

> 技術的なアプローチ（MCPを用いたエージェントへのストリーミング）は非常にスマートであり、開発体験を劇的に変えるポテンシャルを秘めている。しかし、我々の実戦において最も警戒すべきは「AIによるコードの汚染」だ。エージェントがプロジェクトの設計思想（Tailwindの活用やデザインシステムの遵守）を無視し、場当たり的なインラインスタイルやマジックナンバーを乱発すれば、そのツールは即座に排除される。このツールが真の価値を持つのは、単なる『スタイルの変更』ではなく、『設計ルールに基づいたコードの再構築』をエージェントに実行させる能力が証明された時である。また、ランディングページのデザインがLLM生成風である点は、デザインツールを扱うプロダクトとして致命的な信頼欠如を招いている。技術力と審美眼の乖離を埋めることが、エンタープライズ採用への最低条件だろう。