Figma 実装ガイド:少ない指示、少ないトークン、少ない手戻り
Figma デザインを AI エージェントで実装する際のハーネス設計、タスク分割、成果物の評価手順を整理し、指示やトークン消費、手戻りを減らす進め方を解説します。
Graphic design, print, web, and UI. I work with teams on the systems they already use. Projects, experiments, and notes on tools, AI, and the practical side of creative work.
Figma デザインを AI エージェントで実装する際のハーネス設計、タスク分割、成果物の評価手順を整理し、指示やトークン消費、手戻りを減らす進め方を解説します。
人間と複数のエージェントが同時に作業する並列開発で、VS CodeとCursorに感じた違いを、コンテキストや実行環境、イベントの分離という観点から整理します。
Windows環境のVS CodeでGitHub Copilotを使った開発中、ターミナル実行をきっかけに以前のエージェントチャットが再開し、意図しないファイル編集まで進んだ事例を整理しました。
白馬のスプライト、足運びのリズム、WebGL の残像。トップページの動きを、再生できるデモとコードで説明します。
ステージ済みの差分からConventional Commits形式の日本語コミットメッセージを提案するAgent Skill「commit-ja」の導入方法と使い方を紹介します。

A framework for steering LLM output with grids, sliders, and presets instead of long natural-language behavior instructions.
A public collection of Agent Skills for design engineering, motion, and AI-native product work.