「visual」の検索結果

1920×1080の固定キャンバスで、内容に合わせて構成を自由に組むスライド制作スキル。配色や文字サイズを統一し、キーボードで切り替えるHTMLにまとめます。

• 個人の作品集を作りたいとき
• 美術やデザインの授業資料
• 問いや画像が主役の講演資料

画像の画風変更、背景や不要な物体の除去、指定部分の描き直しに使うスキル。fal.aiで提供されるAIモデルを利用して画像を編集します。

• 画像の画風を変えたいとき
• 画像の背景を除去したいとき
• 不要な物体を消したいとき

公開サイトの配色・フォント・ロゴ・画像・文体を実測して整理し、ブランドガイドやプレビュー付きの再利用可能なデザインシステムにまとめるスキル。

• サイトの配色・フォント・ロゴの整理
• 参考サイトからブランドガイドを作りたいとき
• ブランドを表す画像の収集

広告企画やデザインの方向性を定め、発想から評価、発表まで進めるスキル。複数の発想法と自己評価を使い、利用できる制作資源も組み合わせます。

• キャンペーンのコンセプト検討
• ページの見た目の方向性を決めたいとき
• デザインの批評と改善計画

曖昧なデザインの要望を、配色・書体・レイアウトなど８つの観点で具体化します。実装の基準となる仕様書とHTMLプレビューを作り、補った初期値も明示します。

• 曖昧なデザイン要望を具体化したいとき
• LPの配色・書体・余白の設計
• HTMLで見た目を確認したいとき

Ant Designの色・余白・角丸などを共通設定し、部品ごとの見た目の調整やダークモード、CSS変数を使うテーマ設定まで支援するスキル。

• 配色やフォントをデザインに合わせたいとき
• ダークテーマを設定したいとき
• 特定の部品だけ見た目を調整したいとき

公開Webページの設計・実装・見直しを、題材に合う構図や書体の選定から進めます。実ブラウザーでの測定と3種類の画面幅のスクリーンショットで改善を重ねます。

• 定型的に見えるLPの再設計
• 独自の軸を持つポートフォリオ制作
• 3種類の画面幅で文字と配置を点検

Webサイトのデザイン画像を先に生成し、文字・余白・配色・配置を分析して実装へつなげます。セクションごとの画像を基準に、読みやすいLPやポートフォリオを作るスキルです。

• デザイン画像を基準にLPを作りたいとき
• ポートフォリオを改修したいとき
• 小型画面でも見やすい冒頭の設計

Google Stitchで画面を生成するためのDESIGN.mdを作り、色・書体・部品・配置・動きのルールを、具体的な数値と自然言語で共有するスキル。

• Stitch用の共通デザイン方針の作成
• 複数画面の色や書体を統一したいとき
• モバイル配置とタップ領域の文書化

iOS・Androidなどのアプリ画面や一連の操作フローを画像で作成し、読みやすさと画面間の統一感を保ちながら、スマートフォンの端末枠付きで提示するスキル。

• 複数画面でアプリの企画を可視化したいとき
• 初回案内やログインのフロー画像の作成
• モバイルアプリの改修案を比較したいとき

Git の差分やプルリクエストを知識グラフと照合し、変更箇所と周辺への影響、設計上の層をまたぐ関係、レビューで注意すべきリスクを整理するスキル。

• プルリクエストのレビュー準備
• 未コミット変更の影響確認
• 設計上の層をまたぐ変更の確認

利用可能なスキルを探し、1〜3個を組み合わせて意外性のある作品を作ります。関心や季節に合わせた題材で、資料や遊べるWeb体験などを形にします。

• 意外な作品から着想を得たいとき
• 手持ちのスキルの組み合わせを試す
• 遊べるWeb体験を頼みたいとき

Archifyで作る図の正確さ・読みやすさ・完成までの時間を、実際の図とエージェントの作業記録から評価し、配置や接続線、作成手順を改善するスキル。

• 図の配置や接続線を比較したいとき
• 図の修正が繰り返される原因調査
• 図の作成手順の改善検証

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.

日本語の概要は準備中です。原文の説明を表示しています。

Use when applies to hyperlinks (`<a>` elements) that appear inline within paragraphs or text blocks. Does not apply to navigation menus, button-style links, or standalone links that are visually isolated from body text. Use when reviewing CSS that removes text-decoration from inline body copy links.

日本語の概要は準備中です。原文の説明を表示しています。

Builds a self-contained HTML page (chart, table, diagram, dashboard) to show inline in a thread. Use before calling show_html_page, html_preview or html_render, or whenever an answer reads better as a page than as prose.

日本語の概要は準備中です。原文の説明を表示しています。

Builds, styles, and polishes web UI and UX. Use for any frontend, page, component, styling, layout, animation, or visual-quality task, or when asked to make an interface look or feel a certain way.

日本語の概要は準備中です。原文の説明を表示しています。

Use this for a dashboard, metrics page, KPI tracker, scorecard, data visualization or recurring report: a page or scroll story of charts, numbers and tables of data, whatever the data and wherever it comes from. Read it when creating, filling, refreshing or revising one. You write datasets (a live query on a connector, or an attached CSV/TSV/JSON file), then the page as plain HTML, in the dashboard's own store.

日本語の概要は準備中です。原文の説明を表示しています。

Verify an artifact before delivering it - file deliverables (pdf, pptx, docx, xlsx, csv) and web artifacts alike. Use whenever a build is about to return a link, or a build task asks for validation, QA, or a visual check. Covers the per-kind gate scripts, render-and-look verification, and leftover-placeholder scanning.

日本語の概要は準備中です。原文の説明を表示しています。

Help choose a presentation's audience, story, outline, or use of evidence and visuals. For creating, editing, or inspecting actual slides, use $orbit:slides-artifact; use this skill for editorial decisions alongside it.

日本語の概要は準備中です。原文の説明を表示しています。

Use when creating or updating a website, web app, or browser game, or when a visual layout or interactive tool would help with what the user is doing. Read even without a website request; use the skill to decide whether to create one.

日本語の概要は準備中です。原文の説明を表示しています。

Search the web by text query for image URLs and source pages for feeds, artifacts, and visual references. Does not identify a supplied image or person.

日本語の概要は準備中です。原文の説明を表示しています。

The shared visual and writing reference for AI Engineering from Scratch pages, figures, and manuals. Use it for light and dark colour tokens, font stacks, FIG_ label formats, and card layout. Use it for the plain technical English rules and the accessibility and reduced motion defaults. Trigger phrases: "course style", "blueprint palette", "course tokens", "FIG label", "plain technical English", "check my prose", "course fonts", "dark mode tokens"

日本語の概要は準備中です。原文の説明を表示しています。

Capture a general website/URL and turn it into a HyperFrames video (site tour, showcase, or social clip from the site's own visuals). Uses headless Chrome screenshots + brand assets. Use when intent is general — portfolio/blog/landing-page showcase or social clip from the site. NOT for: product/SaaS launch or promo (→ /product-launch-video, even from a URL); topic explainer with no site (→ /faceless-explainer); GitHub PR (→ /pr-to-video); adding captions to existing video (→ /embedded-captions); short unnarrated page-highlight motion graphic (→ /motion-graphics). Unclear launch-vs-general-site? Ask one question or start at /hyperframes.

日本語の概要は準備中です。原文の説明を表示しています。