mcpField
D
design-engineering

design-engineering

github.com/refoundaiデザイン・UI1.4k1.7k 回インストール15 週間前に更新
リポジトリ

design-engineering について

デザインとエンジニアリングのチーム向けスキルです。デザインエンジニアリングの役割、チームのニーズ、組織上の配置を整理し、デザイン力と実装力の連携を扱います。

主な機能

  1. 01デザインエンジニアの役割定義
  2. 02デザインと開発の課題特定
  3. 03採用や育成の必要性評価
  4. 04組織上の配置計画

活用シーン

  1. 01デザインから開発への引き継ぎ改善
  2. 02プロトタイプか製品コードかの判断
  3. 03デザインエンジニアの所属先の検討

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/refoundai/lenny-skills --skill design-engineering

インストール後、Claude Code で/design-engineeringを入力して読み込まれたか確認します。

同梱ファイルreferences/guest-insights.md

詳細

デザインエンジニアリング

Snap、Captions、Vercel などの企業でデザインエンジニアリングの機能を構築した 2 人のプロダクトリーダーのフレームワークを活用して、ユーザーがデザインエンジニアリングを理解できるよう支援します。

支援方法

ユーザーがデザインエンジニアリングについて支援を求めた場合:

  1. 役割を定義する - その状況におけるデザインエンジニアリングの意味(プロトタイピング、本番コード、またはその両方)を明確にします
  2. ニーズを特定する - デザインとエンジニアリング間の引き継ぎ、プロトタイプの忠実度、またはリリース速度のどこに課題があるかを判断します
  3. 実現可能性を評価する - 専門人材を採用するか、既存のチームメンバーを育成するかを評価できるよう支援します
  4. 機能を設計する - デザインエンジニアリングを組織内のどこに配置すべきかについて案内します

基本原則

UX デザインとエンジニアリングを統合する

Gaurav Misra:「そこで私が行ったことの大きな部分は、デザインエンジニアリングという機能を作ったことです。」Snap と Captions のデザインエンジニアリング機能は、UX デザインとエンジニアリングを統合して、より迅速なプロトタイピングとリリースを実現します。

デザインセンスとリリース能力を兼ね備える

Guillermo Rauch:「Vercel で非常に活躍していると私たちが気づいた人たちの多くは、デザインとエンジニアリングの両方のスキルを持っていました。」最も高く評価されるデザインエンジニアは、高度なデザインセンスと、本番環境で使えるコードをリリースする能力を兼ね備えています。

ユーザーを支援するための質問

  • 「デザインとエンジニアリング間の現在の引き継ぎで、どのような摩擦がありますか?」
  • 「検証用のプロトタイプが必要ですか、それとも本番環境で使えるコードが必要ですか?」
  • 「デザインエンジニアリングは、組織内のどこに位置づけるのがよいでしょうか。デザイン、エンジニアリング、それともプロダクトでしょうか?」
  • 「この役割へと成長できる既存のチームメンバーはいますか?」
  • 「デザインエンジニアはどのようなツールやフレームワークを使いますか?」

よくある間違いとして指摘する項目

  • 範囲が不明確 - デザインエンジニアがプロトタイプを作るのか、本番コードをリリースするのかを定義していない
  • 不適切な組織配置 - デザインエンジニアをデザインチームとエンジニアリングチームの両方から孤立させている
  • 万能な人材を採用しようとする - 両分野で世界トップクラスの人材を探し、両分野の交差領域で優れた人材を求めていない
  • AI ツールを無視する - AI 支援開発によってこの役割に就きやすくなっていることを見落としている

詳細

2 人のゲストから得た 2 つの知見すべてについては、references/guest-insights.md を参照してください。

関連スキル

  • 技術ロードマップ
  • 技術的負債の管理
  • プラットフォームとインフラストラクチャ
  • エンジニアリング文化

コメント