「screen」の検索結果

Blenderのキャラクターやアニメーションを、骨格・座標・接地状態などのデータと画像で検査し、足滑り、向きの不一致、ねじれの原因と修正点を整理するスキル。

• 歩行時の足滑りや床へのめり込みの確認
• キャラクターの向きと進行方向の比較
• 別の骨格へ動きを移した後の姿勢検査

スクロールに合わせて映像や演出が進むランディングページを制作します。見せる順序や感情の変化を設計し、HTML実装から各位置の画面検証まで進めるスキルです。

• スクロールで動画が進むLPを作りたいとき
• 場面の変化でブランドを紹介したいとき
• 手持ちの写真や映像でページを作りたいとき

エミュレーター上のPokemonをAIに操作させ、移動や会話、バトルを進めるスキル。画面とメモリ内の状態を確認しながら遊び、ブラウザーでの観戦や保存・再開も扱います。

• AIのPokemonプレイを観戦したいとき
• 用意したROMでゲームを始めたいとき
• 保存した状態から再開したいとき

Unreal Engineのエディターを操作し、物体の配置、照明や素材の調整、カメラ設定を進めます。シーンの状態と見た目を確認し、画像やレンダーを出力するスキル。

• 3Dレベルの構築と配置
• 雰囲気に合う照明に調整したいとき
• カメラの構図設定とレンダー出力

追加の学習データを用意せず、文章で指定した候補に画像を分類したり、内容に合う画像を検索したりします。画像と文章の類似度比較や、複数画像の一括処理も扱うスキルです。

• 文章のラベルで写真を分類したいとき
• 画像の内容を言葉で指定して探したいとき
• 画像と説明文の対応を比較したいとき

技術が苦手で不満を抱きやすい利用者になりきってアプリを試し、操作の分かりにくさや離脱の原因を発見。実際の改善課題と個人的な不満を分け、修正案をまとめます。

• 公開やデモ前に使いやすさを確認したいとき
• 新規ユーザーの体験を点検したいとき
• 登録・課金でのつまずきを探したいとき

目標画像と実装した3Dシーンのスクリーンショットを比較し、構図・照明・質感を段階的に改善します。見た目の再現度を採点し、描画速度も確認しながら修正を重ねるスキルです。

• 目標画像に近い3Dシーンを作りたいとき
• ブラウザゲームの照明や質感を磨きたいとき
• 既存の3D作品の見た目を改善したいとき

ランディングページやスライド、操作できる試作品をHTMLで制作します。既存の資料や画面をもとに、構成や見た目の案を比較し、表示や動作を確認します。

• ブランド資料からLPを作りたいとき
• 製品の操作手順を試作したいとき
• HTMLでプレゼン資料を作りたいとき

StripeやLinearなど54のサイトの配色・文字・余白を参考に、HTML/CSSのページを制作します。部品や画面幅に応じた表示も揃えるスキル。

• Stripeを参考にしたLP制作
• Linearを参考にしたダッシュボード制作
• 資料サイトのデザイン制作

Integrate Firecrawl `/scrape` into product code for single-page extraction. Use when an app already has a URL and needs markdown, HTML, links, screenshots, metadata, or structured page output. Prefer this skill over broader crawl patterns when the feature is page-level.

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

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.

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

Drive a real browser through Aside: open a page, read it, click through a flow, take screenshots, check console errors. (gstack)

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

Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini, Atlas Cloud, or MuAPI AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations (Chart.js), banner design (22 styles, social/ads/web/print), icon design (15 styles, SVG, Gemini 3.1 Pro), social photos (HTML→screenshot, multi-platform). Actions: design logo, create CIP, generate mockups, build slides, design banner, generate icon, create social photos, social media images, brand identity, design system. Platforms: Facebook, Twitter, LinkedIn, YouTube, Instagram, Pinterest, TikTok, Threads, Google Ads.

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

Direct browser control via CDP for web interaction: automation, scraping, testing, screenshots, and site/app work.

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

Drive a real browser to inspect or interact with a web page or app — navigate, take screenshots, read console and network, fill simple forms — for verification tasks, not unattended automation.

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

Prepare a GitHub pull request from a feature branch — branch hygiene, commit shape, title/body, verification notes, screenshots for UI work, and replies to review comments.

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

Produce low-fidelity black-and-white UI wireframes as SVGs or viewer pages. Use when asked to wireframe, sketch a screen, draft a layout, make a low-fi mockup, or publish wireframes.

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

A pixel / sprite-style animated explainer slide — full-bleed cream stage, bold display year, animated pixel-art mascot (e.g. Hanafuda card, mushroom, or 8-bit console), kinetic Japanese display type, ticking timeline ribbon. Reads like a single frame of an educational motion video — looping CSS keyframes, no JS, ready to be screen-recorded into a vertical video. Use when the brief asks for a "sprite animation", "pixel-art video", "8-bit explainer", "history of X explainer", "kinetic typography history", "Nintendo-style", "精灵图动画", "像素动画", or "复古动画".

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

Extract design tokens (color / typography / spacing) from imported source code, screenshots, or Figma exports into the canonical token bag token-map consumes.

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

A full-screen, real-time WebGL/WebGL2 experience — animated shaders, 3D scenes, generative visuals, particle fields — rendered live on the GPU with a typographic overlay. Produced as a single self-contained `index.html`. Use when the brief asks for a "WebGL", "shader", "3D", "generative", "GPU", "interactive canvas", "hero animation", or "real-time visual" experience. OpenDesign serves this in powered-preview mode so the GPU stack actually runs.

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

Anti-AI-slop design skill for greenfield pages, audits, redesigns, and design extraction from URLs or screenshots. Use when the user asks to build a new app or landing page, wants to redesign something, invokes Hallmark by name, or uses audit/redesign/study.

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

A multi-screen mobile onboarding flow rendered as three phone frames side by side — splash, value-prop, sign-in. Status bar, swipe dots, primary CTA. Use when the brief mentions "mobile onboarding", "iOS onboarding", "phone signup", or "移动端引导".

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

Notion-style team dashboard rendered as a Live Artifact. A single-page, self-contained HTML dashboard with KPIs, a 7-day sparkline, a real-time activity feed and a linked-database task table — wired to Notion via the Composio connector catalog. Refreshes on demand and when the artifact is opened. Falls back to seeded mock data when no connector is bound, so it works offline / in screenshots / in the picker preview.

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

Self-contained floating chat widget with welcome screen, social links, meeting button, and message input. Single HTML file, zero dependencies.

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