デザインのスキル

Pascalに接続して部屋や建物の編集可能な3Dモデルを作成・修正します。形状や配置を検証し、保存結果とエディターへのリンクを添えて引き渡します。

• 部屋や建物の3Dモデルを作りたいとき
• 壁・窓・階段・仕上げの修正
• 既存のPascalプロジェクトの確認

PRの画面キャプチャに付いたデザインレビューの指摘を読み取り、チームの設計ルールに沿って製品コードを修正し、再実行で指摘の解消を確かめるスキル。

• PRのデザイン指摘を解消したいとき
• レイアウトの問題を手元で再現
• 共通部品に起因するUIの修正

寸法などの要望やCAD形状から、切断加工向けの2D DXF図面を作成・更新します。輪郭の閉じ忘れや重複を検証し、CAD Viewerで形状も確認します。

• 寸法付きのガスケットやパネル図面の作成
• STEP形状から平面の輪郭を生成
• 切断と彫刻のレイヤー分け

寸法をパラメータで調整できる3D部品や組立品を作成・編集します。各種CAD形式への出力、既存モデルの表示、形状の測定と画像による確認にも対応します。

• 寸法や図面から部品を作りたいとき
• 部品寸法や組立位置の変更
• STEP・STL・3MF・GLB出力

SendCutSend.comへの発注前にDXF・STEP/STPを点検します。公式仕様と実測値を照合し、材料・板厚・加工サービスに応じた問題と修正案をまとめます。

• レーザー切断用DXFの入稿前確認
• 曲げ寸法と曲げ半径の点検
• 材料と追加加工の組み合わせ確認

市販のモーターやねじ、基板などのCAD部品をstep.partsで探し、型番・規格・寸法で候補を比較します。必要なSTEPファイルの取得と整合性確認にも対応します。

• サーボやモーターを型番と別名で探す
• ねじや軸受を規格・寸法で比較
• STEPファイルの取得と整合性確認

Bambu Lab向けの印刷データや3Dモデルを、Bambu ConnectやBambu Studioで開き、利用者が機種を選んで印刷を始める準備をします。

• スライス済みファイルを開きたいとき
• 未処理モデルをBambu Studioで開く
• Bambu CloudやLAN経由の印刷準備

部品の3D形状から三面図や寸法、穴の指示を配置し、製造現場へ渡すPDF図面を作成します。モデルを変更した後も、再実行で図と測定値を更新できます。

• 製造用の寸法図を用意したいとき
• 穴寸法や加工条件の図面化
• モデル変更後の図面更新

3DモデルをOrcaSlicerで処理し、プリンターと材料の設定に合う印刷用G-codeを作成します。出力前後にサイズや温度などの設定も確認します。

• STLを指定プリンター向けに準備したいとき
• 既存の材料設定でスライスしたいとき
• モデルのサイズや印刷設定の確認

板金・CNC加工・射出成形を想定して部品設計を点検します。形状の測定値と加工条件を照合し、製造上の懸念、具体的な修正案、未確認の項目を整理します。

• 板金の曲げと展開形状の確認
• CNC加工の工具アクセスと内角の点検
• 射出成形の抜き勾配と引っ掛かり確認

GitButlerのLiteやbut.devで、既存のUI部品とデザイン指針を使い、フォームや通知、画面上の文言など、利用者に見える部分を整えるスキル。

• フォームや確認モーダルの追加
• 空の状態や通知を改善したいとき
• ラベルや補足文を見直したいとき

KortixのWebサイト上で動くプレゼン資料や製品動画を作成・編集します。段階的に見せる図解、発表者用の台本、ブラウザでの品質確認まで扱うスキルです。

• 製品紹介用のWebプレゼン作成
• 仕組みを段階的な図解で説明したいとき
• 発表者用台本と収録の準備

Kortix向けのブログやSNS、サムネイル画像を、掲載先のサイズとブランド規定に合わせて制作します。画像生成からロゴ・文字の合成、書き出しまで扱います。

• ブログのメイン画像やOG画像の制作
• SNSカードやサムネイルの制作
• 実際のKortix画面を使った紹介画像

製品画面や広告文、資料、メールなどの制作・レビューで、Kortixの見た目と言葉遣いをそろえるために、作業別の参照資料と確認手順を案内するスキル。

• Kortixの製品画面の制作
• ブランドに沿った広告文やSNS投稿
• プレゼン資料とメールの見た目統一

KortixのWeb画面を既存のUI部品と実装例に沿って組み立てます。フォームや一覧、モーダル、読み込み表示の部品選びと、旧部品の置き換えを支援します。

• 既存部品で設定画面を作りたいとき
• 非推奨のUI部品の置き換え
• 読み込み・空・エラー表示の統一

Webページやスライド、PDF、グラフの配色・書体・余白を整えるスキル。形式ごとの文字選びや図表の見せ方、読みやすさを考慮したテーマ選びを支援します。

• スライドの配色と書体を統一したいとき
• PDFや報告書を読みやすくしたいとき
• グラフの種類や色を選びたいとき

画面の角丸、影、文字組み、アイコンの位置、アニメーションや操作領域を具体的な基準で見直し、UIの見た目と操作感を整える実装・レビュー用スキルです。

• 既存UIの見た目を整えたいとき
• ボタンやアイコンの操作感の調整
• 表示・非表示アニメーションの見直し

Web・モバイル・デスクトップの画面設計や改善を支援。ローカルのデザイン資料を検索し、配色・書体・操作性・アクセシビリティと実装方針を整理します。

• 新しいページのデザインを統一したいとき
• 製品に合う配色や書体を選びたいとき
• フォームやナビゲーションの操作性確認

Webサイトの画面設計から既存アプリへの組み込みまで支援し、配色や部品の規則を生かしたUI改善、プロトタイプ作成、デザイン同期を進めるスキル。

• 既存アプリのLPを改善したいとき
• 既存の規則で管理画面を設計したいとき
• Claude Designと同期したいとき

ブログの挿絵や技術図解、比較図、マンガ、アイコンなどを用途別の手順で制作します。形式に合う構図や配色を組み立て、確認用の画像を出力します。

• ブログの見出し画像を作りたいとき
• システムの仕組みを図解したいとき
• 比較や時系列を可視化したいとき

箱・矢印・付箋を使う手描き風の図を、編集可能なキャンバスに作成します。既存の付箋や図形を読み取り、内容に応じてグループ化や配置整理も行います。

• 工程や処理の流れを図にしたいとき
• 関連する付箋のグループ化
• キャンバスの文字と配置を読み取り

技術仕様書を、構成図や段階表示を操作できるWebプレゼンテーションに仕立てます。設計の仕組みと取り組む理由を整理し、公開用の静的ページを作ります。

• 技術仕様書をWeb資料にしたいとき
• 構成図を操作しながら説明したいとき
• 開発計画の目的を共有したいとき

物体やキャラクターの参考画像から、Three.jsで動く3Dモデルをコードで組み立てます。形状や質感を段階ごとに画像と照合し、修正を重ねます。

• 写真の物体を3D小道具にしたいとき
• 参考画像からキャラクター制作
• 部品・素材・動作の設計整理

GPUI Kitのデスクトップアプリで、画面構成・配色・操作状態・表示文言を設計指針に沿って整えるスキル。新規画面の設計や既存UIの品質レビューに使えます。

• GPUI Kitの新規画面設計
• 配色・余白・部品選びのレビュー
• ダイアログとキーボード操作の点検