「page」の検索結果

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

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

PDFの作成、文字や表の抽出、結合・分割、入力フォームの作成と記入を扱うスキル。スキャン文書の文字認識や既存PDFの文章編集も案内します。

• 報告書や請求書をPDFにしたいとき
• PDFの文字や表を再利用したいとき
• 書類の結合や必要ページの抽出

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

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

アプリやエージェントにWeb検索、ページ内容の取得、構造化した情報の抽出、ブラウザー操作を組み込むため、Firecrawlの選定・設定・実装・動作確認を案内します。

• アプリにWeb検索を追加したいとき
• 既知のURLから構造化データを抽出
• クリックやフォーム入力を処理に組み込み

Markdown原稿を、余白・改ページ・ページ番号を整えたPDFに変換。表紙やクリックできる目次、透かし、図の描画にも対応し、配布用の文書に仕上げるスキル。

• Markdownメモを配布用PDFにしたいとき
• 表紙と目次付きのレポート作成
• 文書にDRAFTの透かしを付けたいとき

デプロイ後の公開アプリを継続的に監視し、コンソールエラーや性能低下、ページの不具合を確認。定期的な画面撮影と公開前の状態との比較で異常を知らせます。

• デプロイ後の公開アプリを監視したいとき
• 更新後の性能低下を確認したいとき
• 公開前後の画面を比較したいとき

別の場所で動くAIエージェントをブラウザにつなぐため、セットアップキーと接続手順を生成。接続先のエージェントに専用タブを与えるスキル。

• リモートエージェントを接続したいとき
• CodexやCursorにブラウザを共有
• 接続時のページアクセス範囲の制限

普段使うChromium系ブラウザのCookieを、画面を表示しないテスト用ブラウザへ取り込みます。プロファイルやドメインを選び、認証が必要なページの検証を準備します。

• ログイン必須ページを検証したいとき
• 対象ドメインのCookie取り込み
• 取り込み元プロファイルの選択

Webページの読み込み時間や転送量を実際のブラウザで測り、基準値や変更前後と比較。コード変更に伴う表示速度の悪化と、継続的な性能の推移を調べるスキル。

• 変更前の性能基準を保存したいとき
• コード変更後の表示速度を確認したいとき
• 遅いリソースや大きい転送量の調査

ローカルのChromeを使えない実行環境から、Browser Use Cloudの独立したブラウザを操作し、ページ確認やフォーム入力、画面保存を行うスキル。

• ローカルChromeがない環境での閲覧
• 検索欄やWebフォームへの入力
• ページ内容の確認と画面保存

画面表示やAPI、データベースの遅さを測定して原因を絞り、改善前後の数値で効果を確かめます。効果のない変更の差し戻しや、性能低下を防ぐ監視まで導くスキル。

• ページ表示や操作の遅さを調べたいとき
• APIの遅延やクエリの重複を減らしたいとき
• 変更後の性能低下を確かめたいとき

既存のデザイン体系に沿って、スマホから大画面まで使えるUIを実装します。部品構成や状態管理に加え、キーボード操作、読み込み中やエラー時の表示まで整えるスキル。

• 新しいページやUI部品を作りたいとき
• スマホとパソコンの表示を整えたいとき
• キーボードや読み上げ対応を改善したいとき

最近のコードや機能の変更を基に、説明と実際の動作のずれを探し、関連する資料や使用例を必要な箇所だけ更新して、リリースノートまで整えるスキル。

• 新機能に合わせて資料を更新したいとき
• リリース前のドキュメント点検
• 古い初期値や操作説明の修正

保存済みの資料を読み、出典ページや人物・組織、概念、知見をまとめたページへ整理してLLM Wikiに取り込み、相互リンク、索引、履歴、既存情報との矛盾を記録します。

• 保存済み資料をLLM Wikiへ追加したいとき
• 人物・組織や概念の整理
• 既存情報との矛盾を記録したいとき

実際のブラウザでWebページやアプリを操作し、表示や動作を検証します。画面の撮影、簡単なフォーム入力、エラーや通信の記録を通じて、不具合の再現と確認を支援します。

• UI変更後の画面を確認したいとき
• JavaScript描画の内容を読みたいとき
• 画面の不具合とエラーを再現したいとき

A presentation system for agent-made PPTs — born for the talk, not just the template. It turns raw material into an AST (audience-state-transfer) outline with per-page visual-enhancement decisions (image / SVG diagram / video), hands a production brief to a downstream renderer (HTML-PPT skills or native PPTX), then runs a capped 3-round presentation checkup (演讲体检) on the rendered deck. It never renders slides itself. Use before generating PPT/HTML slides from raw material, and after rendering when the user says things like "给这份 deck 做演讲体检" or "PPT 渲染质检". If all you want is one beautiful template page with no outline and no checkup, a rendering skill alone is enough.

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

Single-page SaaS landing with hero, features, social proof, pricing, and CTA. Respects the active DESIGN.md color/typography/layout tokens. Trigger keywords: "saas landing", "marketing page", "product landing".

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

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.

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

Produce a print-grade single-page kami (紙 / 纸) document — warm parchment canvas, ink-blue accent, serif at one weight, no italic, no cool grays. The output reads like a professional white paper or studio one-pager, not an app UI. Multilingual by design (EN · zh-CN · ja). One self-contained HTML file, zero dependencies.

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

Rescuing a messy startup deck into a board-grade system — the diagnosis, the page grammar, and the rebuilt proof pages. Built as a decision-grade design craft deck for founders, exec presenter.

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

A two-spread digital e-guide preview — page 1 is a cover (display title, author, "What's inside" stats, table of contents teaser); page 2 is a spread (lesson body with pull-quote and a step list). Lifestyle / creator brand tone. Use when the brief asks for an "e-guide", "digital guide", "lookbook", "lead magnet", "creator guide", "playbook", "PDF guide", or "电子指南".

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

A documentation page — inline-start nav, scrollable article body, inline-end table of contents. Use when the brief mentions "docs", "documentation", "guide", "API reference", or "tutorial".

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

Release notes one-page HTML with highlights, Added, Fixed, Breaking changes, Known issues, and Upgrade note. Writes explicit "None" style sections whenever the user does not provide details.

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

Elite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL OUTPUT RULE — generate ONE separate horizontal image FOR EVERY section. A landing page with 8 sections produces 8 images. Never compress multiple sections into one image. Enforces composition variety (not always left-text / right-image), background-image freedom, varied CTAs, varied hero scales (giant / mid / mini minimalist), narrative concept spine, second-read moments, and a single consistent palette across all images. Optimized for landing pages, marketing sites, and product comps that developers or coding models can accurately recreate.

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