AI Sketch Tutor AI skill by KissMySkills, cover

AI Sketchチューター

$19
商品情報へスキップ
AI Sketch Tutor AI skill by KissMySkills, cover

AI Sketchチューター

サイズ変更に耐えられる再利用可能なシンボルで画面を構築し、開発者が読み取れるファイルを渡せます。

$19 このスキル 1回払い ずっとあなたのもの

プロンプトファイル すぐにダウンロード

Library プラン

このスキルとほか2,500+点を手に入れる

$9/月 または年額 $59

Library を始める · $9/月Library を始める
このスキルを7日間無料で試す無料で試す

請求は一切ありません。トライアル終了の2日前に、初回のお支払いに使える−30%コードが届きます。

  • 1つのコネクタで Claude、ChatGPT、Claude Code、Codex、Cursor の中で使えます
  • すべてのスキル、プロンプトパック、エージェントに加え、トライアル中は AI CRM とツールも
  • いつでも解約可能
なぜサブスクリプション?仕組みを見る

このスキルだけが必要ですか?

ファイル1点、買い切り。アップデートなし、コネクタなし。

Library の約2か月分と同じくらいの価格です。

$19

Pay once, keep foreverInstant download30-day money-back guarantee

掲載メディアProduct HuntFazierKittyLaunch

  • Visa
  • Mastercard
  • American Express
  • Apple Pay
  • BLIK
  • Klarna

Stripe による安全な決済

各商標はそれぞれの所有者に帰属します。KissMySkillsはこれらの企業と提携しておらず、承認も受けていません。

使い方

Ask it something hard.

LOADED ✓
Sketchで画面を作っていますが、サイズを変更するとシンボルが崩れてしまい、制約が何をするものなのか全く分かりません。
CLAUDE · WITH THIS SKILL 1つのタスク:ボタンをシンボルにし、左側に16×16のアイコンを配置してから、幅を80ピクセル広げる → アイコンが引き伸ばされ、ラベルが中央からずれていると報告する → 修正済みファイルではなく、アイコンレイヤーを選択してリサイズパネルを確認し、「固定」されているものと「固定されていない」ものは何かと質問する → 「何も固定されていない」と答える → 次の質問では、ボタンの幅が広くなったとき、実際にサイズが変わるべき部分はどれかを尋ねる → 背景だけだと判断する → 名付けられた概念:制約とは、フレームが変化しても何が変わらないかを示す記述である → もう一度あなたの番:アイコンを左に固定し、幅と高さを固定してから、もう一度リサイズする → 次回に向けた進捗ブロック。

または、すべてのスキルを AI の中に。

0:16 · 音声なし
Library で 2,500+ すべてを利用 · $9/月 →

購入前のご質問は? 担当者が通常その日のうちにお答えします: hello@kissmyskills.com

// ファイルそのもの

購入前に中身を読めます。

AI が読むファイルの冒頭部分を、納品されるそのままの形で掲載しています。ページ用の書き換えは一切ありません。

名前で呼びましょう
ファイルを読み込んだら、名前で話しかけてください:「Serge、このページを見て。」名前はそのためにあります。1つのチャットで複数のスキルを使い分けるのにも役立ちます。
// あなたのAIを動かすskill

あなたはソクラテス式のSketchチューターであり、学習者はすべてのコンポーネントを自分で作成します。シンボル、カラー変数、サイズ変更の制約を教えるよう起動されているため、アイコンのサイズを維持したままボタンが広がります。

113行 · .txt · すぐにダウンロード

// 中身

このスキルの中身

  1. レッスン6で、シンボル、オーバーライド、ネストしたシンボルを正しく作成
  2. リサイズの制約を明確に学び、コンポーネントの変形を防止
  3. コンテンツに合わせて拡張するコンポーネントのためのスマートレイアウト
  4. ハンドオフを網羅: Sketch Cloud Inspect、スライス、1x・2x・3x書き出し

Photoshopから移行するプロダクトデザイナーやUIデザイナー、デザインファイルを開く必要がある開発者、初めてデザインシステムを構築するフリーランサー、インターフェースデザインの講義を受講する学生。

// 2つの入手方法

AI の中で使うか、一度だけダウンロードするか。

Library プラン

このスキルとほか 2,500+ 件を、チャットの中で

$9/月 いつでも解約可能、または年額 $59

  • 2,500+ のスキル、プロンプトパック、エージェントすべてを、頼んだ瞬間に読み込み
  • ダウンロードも貼り付けも不要。Claude、ChatGPT、Claude Code、Cursor で一度接続するだけ
  • 毎週新しいスキルを追加、カタログのファイルを月10件までダウンロード可能
Library、AI CRM、Both を比較
買い切り

このスキルだけをファイルで

$19 1回払い

  • 購入後にダウンロードして、どの AI チャットにも貼り付けられます
  • ファイル1つ、アップデートなし、コネクタなし
  • 30日間返金保証

Library または Both をご利用中ですか? これは含まれているので、ファイルを購入する必要はありません。

実際に購入するもの

このAI Sketchチューターは、アートボードとシンボルを備えたMac向けUIデザインアプリ用です。ボタンのシンボルをリサイズするとアイコンがにじみ、色を変更するたびに40画面を手作業で編集することになり、開発者から渡せない仕様書を求められる、といった問題に対応します。このファイルを使えば、Claude、ChatGPT、またはGeminiを、Sketch自体で作業しながら学べるチューターに変えられます。

まず、シンボルとしてボタンを作成してリサイズするという1つの課題に取り組みます。そこから、多くのチュートリアルが扱わない流れへ進みます。何かを2回描く前にカラー変数とテキストスタイルを設定し、続いてシンボルとオーバーライド、リサイズの制約、スマートレイアウト、プロトタイピング、Cloudへの引き継ぎへと進みます。アイコンが変形しても、修正済みのファイルを渡すことはありません。そのレイヤーの制約がどう設定されているか、そして何を固定したかったのかを問いかけます。

このファイルはClaude、ChatGPT、Geminiで同じように動作します。Project、カスタムGPT、またはGemに、約2分で貼り付けて使えます。料金は一度きりで、Sketchにすでに支払っている料金以外のサブスクリプションは不要です。基本を身につけた後に使う実践的なアシスタントAI Skill for Sketchと組み合わせて使えます。こちらは、その基本を教えるものです。

// インストール方法 2分未満

4つのステップ。どんなAIチャットでも。

  1. 01
    ファイルをダウンロード

    購入後、ダウンロードリンクがメールで届きます。.txtファイルを端末の好きな場所に保存してください。

  2. 02
    AIチャットを開く

    すでに使っているAIチャットならどれでも:Claude、ChatGPT、Gemini、Grok、Copilot など。

  3. 03
    プロンプトを貼り付ける

    .txtファイルを開き、プロンプト部分をコピーしてClaudeやChatGPTに貼り付けます。プロジェクトに追加しておけばいつでも使えます。

  4. 04
    作業を開始する

    あなたのAIは専門家として設定されています。専門分野について何でも質問してください。

技術的な知識は必要ありません。サブスクリプション不要。一度支払えば、ずっと使えます。.

Libraryなら、ダウンロードは不要です。 AIを一度接続すれば、あとはどのスキルも名前で呼び出せます。

セットアップガイド → Library · $9/月 →

// faq

この製品についての質問

このSketchチューターは、私のドキュメントを見ることができないのに、どうやって機能するのですか?+

あなたがパネルに表示されている内容を伝えます。レイヤーのリサイズ設定、色がColor Variableなのか16進数値なのか、Componentsパネルに表示されている項目、アートボードのプリセットなどです。これらは、チューターがいずれにせよ確認する事実です。チューターは正確なパネル名を示し、1つのタスクを設定して、続行する前にあなたの報告を待ちます。

これはMacのデザインアプリの話ですか、それとも描画の指導ですか?+

Macアプリの話です。アートボード、Symbols、Sketch Cloudがある、あのアプリです。アートボードとグリッド、Text Styles、Color Variables、オーバーライド付きのSymbols、リサイズ制約、Smart Layout、プロトタイピングのリンク、Inspectでの引き継ぎといった、インターフェースデザインのワークフローを扱います。描画やスケッチのコースではありません。

Librariesと開発者への引き継ぎも扱いますか?+

10回目のレッスンで扱います。コンポーネントをドキュメント間で更新できるShared Libraries、共有用のSketch Cloud、開発者がスペーシングや色を自分で確認できるInspect、そしてスライスを使った1x、2x、3xの書き出しプリセットです。ファイルを受け取る人を確認してから、形式をおすすめします。

自分で読まなければなりませんか?+

いいえ。このファイルはあなたが読むためではなく、あなたのAIが読むために書かれています。アップロードするか、一度貼り付ければ、AIがその役割を引き受けます。その後は、普段どおりに質問するだけです。開いて読んでも構いませんが、あなたが読むことを前提にした内容ではありません。

AIを専門化する準備はできましたか?

これとほか 2,500+ 件を、Claude・ChatGPT・Claude Code・Codex・Cursor の中で。いつでも解約できます。