GetKits
KitSkillsBotsDotsBundles料金ガイド
Kit/デザイン/デザインスタジオ Kit
BundleデザインGetKits 公式

デザインスタジオ Kit

ブランドキット、スコア付き批評、ローンチチェックで、AI が作った UI のありきたり感をなくします。

出品者:GetKits

3つのパーツが連携して動く様子

頼めば Skill が仕事をこなし、Bot が Grok でルーティンを回し、Dot が ChatGPT で見守り続けます。各ステップは、この Kit に含まれる実際のビフォー・アフターです。

実例 · デザインスタジオ Kit

ビフォー

v0 で作ったヒーロー:バイオレットからブルーのグラデーション、中央揃えの H1「Supercharge Your Workflow」、グラデーション上に #94A3B8 のサブヘッド、ピル型ボタン2つ、その下に絵文字付きの機能カード6枚。これ、AI が作ったように見える?

アフター

スコア:15/35 判定:作り直しありきたりの兆候:バイオレットのグラデーション、すべて中央揃え、カードの羅列、絵文字アイコン、誇張コピー。1. アクセシビリティ:#7C3AED 上のサブヘッド #94A3B8 は 2.22:1。修正:ヒーローを単色 #FBFAF7 に、サブヘッドを #5A635E(5.95:1)に。優先度 92. 階層:同格のピル型ボタン2つ。修正:bg-primary のボタンを1つにし、もう1つはテキストリンクに。優先度 93. 色:グラデーションをやめ、フラットなプライマリ1色をアクション専用に。優先度 6

「これ、AI が作ったように見える?」にスコアで答えるこの Skill を見る

その違いをご覧ください

AI っぽいありきたりから、3週間でブランドらしさへ

ビフォー

Orbit、B2B チーム向けのプロダクト分析。Lovable で作った料金ページが他の AI スタートアップと見分けがつかず、唯一のデザイナーはパートタイム。直して、直った状態を保ちたい。

アフター

料金ページ:2週間で 18/35 から 25/35 へ、判定は「作り直し」から「修正後リリース」に。 第1週:Orbit v1.0 ブランドキットを Tailwind トークンとして納品。最初の金曜レビューで基準値を設定。 第2週:ミュートテキストの修正(3.75 から 6.96:1)とプライマリボタンの一本化、どちらも工数1の修正。 第3週:ブランドから外れたローンチ画像を、リサイズ前に dot が検知。 デザイン負債:Issue 7件を起票、6件をクローズ。ブリーフから承認済みページまで3日。

Skill and Bot 5 points apart on one page

ビフォー

Thu Oct 22, Cursor: Leo asked the Skill to CRITIQUE a 1440 px screenshot of the new comparison page before pushing it to staging. 27/35, Fix then ship. At 5:00 PM the staging URL went on the Notion review list. Fri Oct 23, 3:00 PM, Bot weekly review: staging-preview.orbit.app/compare 22/35, Rework. #design, Leo: "same page, 5 points apart?? which one do we trust" You paste the Skill's CRITIQUE into the Bot: "Why are you 5 lower?"

アフター

Bot, Fri Oct 23: the gap is viewport and source, not taste. Kit version: both used Orbit v1.0. Viewport: the Skill's header says "1440 px, Mobile not checked"; the Bot checked 1440 and 390 px. Source: the Skill scored a screenshot (confidence: medium); the Bot scored the live page and pressed Tab through it (confidence: high). | Dimension | Skill | Bot | Evidence only the live page or 390 px shows | | Accessibility | 4 | 2 | Plan toggle has no visible focus ring; at 390 px the 4-column table scrolls sideways with no cue | | Spacing rhythm | 4 | 3 | Sections keep 96 px padding at 390 px; the kit says 64 | | Typography | 4 | 3 | Table text drops to 11 px at 390 px | | Polish | 3 | 2 | Table header scrolls away after row 6; "Starter" is cut to "Sta..." at 390 px | Hierarchy, Color and Consistency: same scores from both. The Bot's 22/35 (Rework) is the score of record. Linear, after your DECISION (approve all): 1. Compare: Add a visible focus ring to the plan toggle (Urgent, Priority 9) 2. Compare: Make the first table column sticky below 768 px (High, Priority 6) 3. Compare: Set section padding to py-16 md:py-24 (High, Priority 6) Not drafted: 11 px table text, Priority 4 (I2 x R2 / E1), below the routine's Priority 6 line. Skill, in Cursor, Mon Oct 26: "Apply fixes 1 to 3 with our tokens, then CRITIQUE at 1440 and 390." ring-2 ring-ring ring-offset-2 on the toggle, sticky left-0 bg-card on the first column, py-16 md:py-24 on 6 sections; no new hex values. Self-CRITIQUE: 27/35, Fix then ship, both widths checked. Bot, Fri Oct 30: staging-preview.orbit.app/compare 26/35 (last week 22/35, +4), Fix then ship. Accessibility 2 to 4, Spacing rhythm 3 to 4, Polish 2 to 3. Skill and Bot now 1 point apart; all 3 Linear issues closed by merges.

Launch week with all three on duty

ビフォー

Orbit Insights launches Tue Nov 10. The dot watches Launches/Orbit Insights in Google Drive and #launch-insights in Slack. The landing page is on staging. Assets are arriving from two contractors.

アフター

Mon Nov 2, Dot: hero-og.png Off-brand (headline in violet #8B5CF6, expected --primary #C2410C). You approved the drafted thread reply; the contractor re-exported it the same day. Wed Nov 4, Dot: staging-preview.orbit.app/insights, Verdict: Fix then ship (0 Off-brand, 3 Drift, 1 Nit). Card radius 16 vs 12, H2 at 700 vs 600, section padding 72 vs 96. You pasted the CRITIQUE into the Skill in Cursor: "Apply fixes 1 to 3 with our tokens." Result: 9 class changes, no new hex values. Fri Nov 6, Bot weekly review: orbit.app/insights 28/35, Fix then ship, no Off-brand items. 2 High issues drafted for after launch. Mon Nov 9, 4:00 PM, Dot pre-launch summary: 14 items, 12 On brand, 2 Approved by me, 0 Off-brand, 0 waiting on decisions. Tue Nov 10: launched on brand. Tue Nov 17: the dot's launch check-ins ended as scheduled.

収録内容

  • Skillデザインスタジオ Skillブランドトークン、ページ仕様、スコア付き批評で、AI が作った UI をありきたりにしません。
  • Botデザインスタジオ Bot毎週金曜に公開中のページを採点し、修正案を下書きする Grok のチームメイトです。
  • Dotデザインスタジオ Dotあなたの dot が、ローンチ用アセットをすべて公開前にブランドキットと照合します。
  • design-studio-kit-playbook.md

この Kit について

Get a working design system practice in a week: a brand kit in your code, a scored review of every important page each Friday, and every launch asset checked against the kit before it ships. The Skill makes the design decisions inside the tool that writes your UI, the Grok Bot measures quality on a schedule, and your ChatGPT dot keeps launches on brand. All three share one brand kit, one rubric and one vocabulary, so a problem found by one is fixed by another without translation. Setup takes about 30 minutes across the three.

What you get

  • Design Studio Skill for Claude, ChatGPT, Codex and Cursor. Five modes (BRAND KIT, PAGE DESIGN, COMPONENT SPEC, CRITIQUE, HANDOFF), brand kits delivered as CSS variables and a Tailwind v4 theme, a critique rubric with scoring anchors, the 13 tells of generic AI UI, iOS and mobile rules, font pairings with licenses, computed contrast ratios and a worked example.
  • Design Studio Bot for Grok Bot. Five skills and three routines: a Friday review of your live and staging pages scored out of 35, brand audits against your Notion brand kit, a monthly competitor landing page scan, handoff notes, and Linear issue drafts that wait for your approval.
  • Design Studio Dot for your ChatGPT dot. An ongoing launch responsibility: it watches your Google Drive launch folder and Slack launch channel, checks every asset and page, prepares size and copy variants, and brings you the design calls.
  • The Design Studio Kit playbook, only in the bundle. The setup order (brand kit first), how the three hand work to each other, a weekly rhythm that takes about 30 minutes of your time outside launch weeks, the three metrics to track, a week-by-week first 30 days and an FAQ.
  • One shared contract. The same token names, CRITIQUE format and severity scale in every piece, one DECISION format for the Bot and Dot, plus a version line on the brand kit so you can see when any copy goes stale.

Who it is for

  • Founders and small product teams building with AI who want their product to look designed, and want proof each week that it is getting better.
  • Teams with one designer, or none, who need decisions written down once and then enforced.
  • Marketing and product teams running launches with several people producing assets.

What it will not do

  • Draw your logo or illustrations, or replace a designer's judgment on the brand's signature move.
  • Post, publish, file issues or edit shared files without your approval. Every outbound action is a DECISION you answer.
  • Sign in to private pages or read Figma files. It reviews what renders: live URLs, preview links and exported images.
  • Invent proof. Customer logos, metrics and testimonials stay [confirm] until you supply them.
  • Certify accessibility compliance. It flags the everyday problems; a formal audit is separate.

Bought separately

The Skill, the Bot and the Dot are $19 each, $57 for all three. The bundle is $45, saves you $12, and adds the Design Studio Kit playbook, which only the bundle includes. The playbook is what turns three tools into one practice: the order to set them up in, how a fix moves from the Bot's Friday review to the Skill in your code editor and back for a re-score, and the numbers that show whether design quality is improving.

レビュー

まだレビューはありません。

$45

Pro で利用可
セットアップ時間
約30分
対応 AI
ClaudeChatGPTCodexCursorGrok
連携ツール
SlackLinearNotionGoogle Drive
審査済み

GetKits 公式 Kit

GetKits チームが開発・テスト・メンテナンスしています。

  • GetKits が開発・テスト
  • インストールガイドとアップデート付き
  • GetKits の返金ポリシーの対象

ほかの Bundle

Bundle公式
$39

Bot ジェネレーター Kit

手作業でこなしている仕事を、1時間以内に、安全でテスト済みの AI チームメイトに変えます。

GmailSlackNotionClaudeChatGPT
約45分
Bundle公式
$45

コンテンツファクトリー Kit

長文1本から、あなたの声そのままの投稿を1週間分。Notion で予定を組み、毎週レビューします。

XNotionGoogle DriveClaudeChatGPT
約60分
Bundle公式
$49

開発アウターループ Kit

チームのアウターループを回します:日次トリアージ、CI の判定、リリースノート、ポストモーテム。

GitHubLinearSlackClaudeChatGPT
約50分
GetKits

ChatGPT、Grok、Claude などですぐに使える Skills、Bots、Dots、ワークフローが見つかります。1つの Kit に1つの業務。その日から成果が出ます。

ニュースレターに登録

マーケットプレイス

  • Kit を見る
  • Skills
  • Bots
  • Dots
  • Bundles
  • GetKits Pro

業務から探す

  • 営業
  • 会議
  • コンテンツ
  • 開発
  • デザイン
  • SEO / GEO
  • Bot ビルダー
  • 暮らし

会社情報

  • GetKits について
  • ブログ
  • ドキュメント
  • お問い合わせ
  • GetKits で販売

規約・ポリシー

  • プライバシーポリシー
  • 利用規約
  • 返金ポリシー

© 2026 GetKits. All rights reserved.