既存のHTMLに調整パネルを付け、配色・文字サイズ・余白・テーマ・動きを画面上で変更するスキル。設定を保存し、エージェントへの再依頼なしに見た目を試せます。
- LPの配色や余白を詰めたいとき
- ブランドやデザインの違いを実演
- 見た目を調整できる単体デモの制作
4,185 件 ・ 関連度順
概要と使いどころ
既存のHTMLに調整パネルを付け、配色・文字サイズ・余白・テーマ・動きを画面上で変更するスキル。設定を保存し、エージェントへの再依頼なしに見た目を試せます。
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 "电子指南".
日本語の概要は準備中です。原文の説明を表示しています。
新入社員の受け入れ計画を1ページのHTMLにまとめます。初日と初週の予定、上司や相談役、30・60・90日後の目標、必要な資料と完了条件を一覧に整理します。
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 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.
日本語の概要は準備中です。原文の説明を表示しています。
Write and rewrite marketing copy for landing pages, homepages, and ads. Useful as a copy chief partner during launches.
日本語の概要は準備中です。原文の説明を表示しています。
CSV・Excel・JSONの実データを読み取り、重要指標のカード、複数のグラフ、表、文章による気づきを備えた、見やすいレポートページを作るスキル。
Browser automation CLI for AI agents. Use when the user needs to inspect, test, or automate browser behavior: navigating pages, filling forms, clicking buttons, taking screenshots, extracting page data, reading selected OpenDesign browser-tab context, testing web apps, dogfooding OpenDesign previews, QA, bug hunts, or reviewing app quality. Prefer local OpenDesign preview URLs unless the user explicitly asks for external browsing.
日本語の概要は準備中です。原文の説明を表示しています。
Luxury dark-editorial HyperFrames template for three-page cinematic storyboards, inspired by haute couture title cards and magazine chapter spreads. Use when the user asks for premium fashion-style motion pages, moody serif-led storytelling, or a high-end dark presentation aesthetic with rich transitions.
日本語の概要は準備中です。原文の説明を表示しています。
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.
日本語の概要は準備中です。原文の説明を表示しています。
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
日本語の概要は準備中です。原文の説明を表示しています。
Automate Callpage tasks via Rube MCP (Composio). Always search tools first for current schemas.
日本語の概要は準備中です。原文の説明を表示しています。
Execute a natural-language browser intent via page-agent (browser_act) when the target is easier to describe than to select — degrades gracefully when page-agent or an OpenAI-compatible LLM provider isn't configured
日本語の概要は準備中です。原文の説明を表示しています。
Use when auditing paginated content (blog archives, product category pages, search results). Applies to any site with lists or grids of content split across multiple pages.
日本語の概要は準備中です。原文の説明を表示しています。
Use when reviewing content pages for user experience and SEO. Applies to blog posts, landing pages, how-to guides, and any long-form content intended for a broad audience.
日本語の概要は準備中です。原文の説明を表示しています。
Use when auditing robots meta tags. Applies to any important landing page, article, or product page that should appear with a description in search results.
日本語の概要は準備中です。原文の説明を表示しています。
Use when auditing a web page's social sharing metadata. Applies to any page users might share on social networks or messaging apps.
日本語の概要は準備中です。原文の説明を表示しています。
Use when auditing e-commerce product pages or implementing structured data for a shop. Applies to any page selling or describing a specific product.
日本語の概要は準備中です。原文の説明を表示しています。
Use when auditing page metadata or generating SEO-optimized titles. Applies to every HTML page that should appear in search results.
日本語の概要は準備中です。原文の説明を表示しています。
Use when auditing content pages for AI discoverability. Applies to any informational page intended to appear in AI-generated answers, search snippets, or knowledge base extraction.
日本語の概要は準備中です。原文の説明を表示しています。
Use when auditing a page's heading structure, generating H1 text for landing pages or blog posts, or reviewing a CMS template that may produce empty or missing H1 elements.
日本語の概要は準備中です。原文の説明を表示しています。
Use when auditing a site for accidental noindex directives, investigating why important pages are not appearing in Google Search, or reviewing CMS settings that control indexing at the page or category level.
日本語の概要は準備中です。原文の説明を表示しています。
Use when auditing content pages for citation quality, suggesting authoritative sources to link for factual claims, or reviewing whether a page's external link attributes (nofollow, noopener) are correctly set.
日本語の概要は準備中です。原文の説明を表示しています。