デザインMD用リンター
デザインMDで定義した色、フォント、余白などのルールを機械的に検査し、違反したコードのコミットを防ぐ仕組み。
LISTENverse
拡大するとさらに表示 · 0 本
Claude Codeの/designで直感的に使いやすいアプリデザインを作る
超実践AI論Claude Codeの/designコマンドを使い、コンテンツ分析アプリのフロントエンドデザインを作る手順を紹介する。アートボードで画面全体を確認・編集し、PC向け・ダークモードなしなどの制約を指定したうえで、シンプルで実用的なデザインを作成する。完成したデザインは実際のアプリに忠実に実装できる一方、CSSのベタ書きは保守が難しいため、Dig...
AIが洗練された統一感のあるデザインを作り出すDESIGN.md
超実践AI論AIが画面ごとに色や角丸、余白が異なる問題や、ありふれた「AIっぽい」デザインに収束する理由を説明し、Googleが提唱するデザインMDを紹介します。デザインMDは色、フォント、余白、影、レイアウトなどのルールを人にも読めるMarkdownで定義する形式で、Awesome Design MDから実在サイトの見本を取得し、日本語フォントなどに調整して使えます...
エピソードを読み込めませんでした。もう一度お試しください。
エピソードを読み込んでいます…