Manav Arya Singh

replit.comから抽出した色・角丸・フォントの設定に沿って、UIを整えるスキル。用途別の値を再利用し、足りない設定は近い値で補って不足を明示します。

• replit.comの抽出値でUIを整えたいとき
• 色・角丸・本文フォントの統一
• 見た目の設定の不足を確認したいとき

discord.comのUIを整える際に、抽出済みの色・角丸・フォントを参照するスキル。用途別に定義された値を再利用し、不足する設定を示しながら装飾します。

• discord.comのUI装飾
• 色・角丸・フォントの定義確認
• 不足するデザイン値の洗い出し

duolingo.comから抽出した配色・フォント・角丸の定義を参照し、既存の値を使ってUIの見た目を整え、不足する定義も明示するスキルです。

• duolingo.comの値でUIを整えたいとき
• 配色・フォント・角丸の定義確認
• 不足するデザイン定義の確認

framer.comから抽出した色・角丸・フォントの設定を参照し、既存の値を使ってUIの見た目を整え、不足する設定も明示するスキル。

• framer.comの配色を使いたいとき
• 指定の角丸と本文フォントを適用
• 既存トークンを使い設定不足を確認

loom.comから抽出した色・角丸・フォントの値を参照し、UIの見た目を整えるスキル。定義済みの値を再利用し、不足する設定も明示します。

• loom.comの設定でUIを整えたいとき
• 配色・角丸・本文フォントの確認
• 不足する設定と代替値を整理したいとき

mintlify.comのUIに、抽出済みの配色・角丸・書体を適用するスキル。用途別に定義された値を参照し、未定義の項目は近い値で補って不足を明示します。

• mintlify.comの配色にそろえたいとき
• 定義済みの書体と角丸の適用
• 不足するデザイン設定の確認

perplexity.aiから抽出した色・角丸・フォントの設定を使い、UIを整えるスキル。用途別の値を再利用し、不足する設定には近い既存値を選んで明示します。

• perplexity.aiの抽出値で装飾したいとき
• 色・角丸・本文フォントの統一
• 見た目の設定の不足を確認したいとき

planetscale.comから抽出した色・角丸・フォントで、UIの見た目を整えるスキル。用途別の設定値を再利用し、足りない値は近い設定で補って不足を明示します。

• planetscale.comの抽出値で装飾したいとき
• 色・角丸・本文フォントの統一
• 見た目の設定の不足を確認したいとき

posthog.comから抽出した色・角丸・フォントの設定を参照し、既存の値を使ってUIの見た目を整え、不足する設定も明示するスキル。

• posthog.comの配色を使いたいとき
• 指定の角丸と本文フォントを適用
• 既存トークンを使い設定不足を確認

postman.comから抽出した色・角丸・フォントの設定を参照し、既存の値を使ってUIの見た目を整え、不足する設定も明示するスキル。

• postman.comの配色を使いたいとき
• 指定の角丸と本文フォントを適用
• 既存トークンを使い設定不足を確認

railway.appのUIを整える際に、抽出済みの色・角丸・フォントを参照するスキル。用途別の設定値に沿って見た目を調整し、定義の不足も明示します。

• railway.appのUI装飾
• 色・角丸・フォントの定義確認
• 不足するデザイン値の洗い出し

ramp.comから抽出した色・角丸・フォントの設定を参照し、既存の値を使ってUIの見た目を整え、不足する設定も明示するスキル。

• ramp.comの配色を使いたいとき
• 指定の角丸と本文フォントを適用
• 既存トークンを使い設定不足を確認

render.comのUIに、抽出済みの紫を基調とする配色・角丸・書体を適用するスキル。用途別の設定値を再利用し、必要な値がない箇所は不足を明示します。

• render.comの配色にそろえたいとき
• 定義済みの書体と角丸の適用
• 不足するデザイン設定の確認

resend.comから抽出した配色・フォント・角丸の定義を参照し、既存の値を使ってUIの見た目を整え、不足する定義も明示するスキルです。

• resend.comの値でUIを整えたいとき
• 配色・フォント・角丸の定義確認
• 不足するデザイン定義の確認

sentry.ioのUIに、抽出済みの暗い紫系の配色・角丸・書体を適用するスキル。用途別に定義された値を使い、未定義の項目は近い値で補って不足を示します。

• sentry.ioの配色にそろえたいとき
• 定義済みの書体と角丸の適用
• 不足するデザイン設定の確認

supabase.comのUIを整える際に、抽出済みの色・角丸・本文フォントを参照するスキル。定義済みの値を使い、不足する指定は近い値で補って明示します。

• supabase.comの配色に合わせたいとき
• 定義済みの角丸とフォントの適用
• デザイン指定の不足を確認したいとき

webflow.comから抽出した色・角丸・フォントの値を参照し、UIの見た目を整えるスキル。定義済みの値を再利用し、不足する設定も明示します。

• webflow.comの設定でUIを整えたいとき
• 配色・角丸・本文フォントの確認
• 不足する設定と代替値を整理したいとき

WebサイトのURLから配色や書体、余白などを抽出し、テーマ設定や確認用HTMLを含む8種類のファイルとアクセシビリティ評価を生成するスキルです。

• サイトの配色・書体・余白の調査
• Tailwind CSS・React・shadcn/ui用テーマ作成
• Figma変数によるデザイン引き継ぎ

clerk.comのUIを整える際に、抽出済みの色・角丸・本文フォントを参照するスキル。定義済みの値を使い、不足する指定は近い値で補って明示します。

• clerk.comの配色に合わせたいとき
• 定義済みの角丸とフォントの適用
• デザイン指定の不足を確認したいとき

netflix.comのUIを整える際に、抽出済みの色・角丸・フォントを参照するスキル。定義済みの値を使い、不足する項目を明示しながら見た目を調整します。

• netflix.comのUI装飾
• 色・角丸・フォントの定義確認
• 不足するデザイン値の洗い出し

cal.comのUIを整える際に、抽出済みの色・角丸・フォントを参照するスキル。定義済みの値に沿って装飾し、必要な値が見つからない箇所も明示します。

• cal.comのUI装飾
• 色・角丸・フォントの定義確認
• 不足するデザイン値の洗い出し

v0.devから抽出した色・角丸・フォントの設定を参照し、UIの見た目を整えるスキル。用途別の値を再利用し、足りない設定は近い値で補って不足を明示します。

• v0.devの抽出値でUIを整えたいとき
• 色・角丸・本文フォントの統一
• 見た目の設定の不足を確認したいとき

raycast.comから抽出した色・角丸・フォントの値を参照し、UIの見た目を整えるスキル。定義済みの値を再利用し、不足する設定も明示します。

• raycast.comの設定でUIを整えたいとき
• 配色・角丸・本文フォントの確認
• 不足する設定と代替値を整理したいとき

retool.comから抽出した配色・フォント・角丸の定義を参照し、既存の値を使ってUIの見た目を整え、不足する定義も明示するスキルです。

• retool.comの値でUIを整えたいとき
• 配色・フォント・角丸の定義確認
• 不足するデザイン定義の確認