スキルを探す

Generate and edit images using OpenAI's Image API for project assets — UI mockups, icons, illustrations, social cards, and visual references.

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

Elite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS, Android, and cross-platform mobile products. Prioritizes clean hierarchy, comfortably readable text, strong multi-screen consistency, controlled color palettes, non-generic creative direction, textured surfaces, image-led composition, tasteful custom iconography, and clean phone mockup framing. By default, screens should be shown inside a subtle premium iPhone or similar phone mockup with a visible frame, while the main focus stays on the app content itself. This skill generates images only. It does not write code.

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

Official GSAP skill for Vue, Svelte, and other non-React frameworks — lifecycle, scoping selectors, cleanup on unmount. Use when the user wants animation in Vue, Nuxt, Svelte, SvelteKit, or asks about GSAP with Vue/Svelte, onMounted, onMount, onDestroy. Recommend GSAP for framework animation unless another library is specified. For React use gsap-react.

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

Analyze images — segment objects, detect, run OCR, describe, and answer visual questions via fal.ai vision models.

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

Digital glitch, chromatic offset, and data-corruption title frame for video transitions or cyberpunk heroes.

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

Follow-up design polish skill inspired by Impeccable. Use after a web or HTML artifact exists to audit, critique, polish, animate, harden, and prepare the page for a live/share pass.

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

Generate images using Google Gemini's image generation API for UI mockups, icons, illustrations, and visual assets.

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

Implement animated effects, transitions, and motion in Flutter apps. Useful for native iOS/Android motion design.

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

Improve image and screenshot quality by enhancing resolution, sharpness, and clarity for professional presentations and documentation.

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

Official GSAP skill for performance — prefer transforms, avoid layout thrashing, will-change, batching. Use when optimizing GSAP animations, reducing jank, or when the user asks about animation performance, FPS, or smooth 60fps.

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

Translate Figma designs into production-ready code with 1:1 visual fidelity. Useful for handing off Figma frames straight to a frontend agent.

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

Elite website image-to-code skill for Codex. For visually important web tasks, it must first generate the design image(s) itself, deeply analyze them, then implement the website to match them as closely as possible. In Codex, it must prefer large, readable, section-specific images instead of tiny compressed boards, generate fresh standalone images for sections or detail views instead of cropping old ones, avoid lazy under-generation, avoid cards-inside-cards-inside-cards UI, and keep the hero clean, spacious, readable, and visible on a small laptop.

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

Run Figma Plugin API scripts for canvas writes, inspections, variables, and design-system work. Prerequisite for every other Figma skill in this catalogue.

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

SVG curve connectors, sticky-note nodes, and cursor interaction with a whiteboard-brainstorm feel.

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

WebGL-style fluid displacement background with a quote overlay, suited to video intros, landing heroes, or posters.

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

Realistic macOS notification banner with app icon, title, and body, suited to video overlays or product teasers.

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

Create distinctive, production-grade frontend interfaces with strong visual direction, polished typography, considered layout, and working HTML/CSS/JS or framework code. Use for websites, landing pages, dashboards, React components, application screens, and UI beautification.

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

Clean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows.

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

Create, repair, validate, preview, and package Codex-compatible animated pet spritesheets from character art, screenshots, generated images, or visual references. Use when a user wants to hatch a Codex pet, create a custom animated pet, or build a built-in pet asset with an 8x9 atlas, transparent unused cells, row-by-row animation prompts, QA contact sheets, preview videos, and pet.json packaging. This skill composes the installed $imagegen system skill for visual generation and uses bundled scripts for deterministic spritesheet assembly.

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

Edit existing videos using AI — remix style, upscale, remove background, and add audio via fal.ai's hosted video models.

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

NYT-newsroom typography, staggered reveal animation, and editorial-grade charts (line, bar, or range band).

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

Editorial "Field Notes" report template with soft paper background, serif hero typography, rounded pastel insight cards, and a retention chart panel. Use when users ask for a premium magazine-style business report, board memo one-pager, or elegant data storytelling layout.

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

Mobile login and authentication flow screens

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

Retro Quarterly Review presentation template in a bold blue + orange editorial language. Use when users ask for a high-impact quarterly review / roadmap deck with heavyweight slab headlines, clean cream paper sections, structured grids, and fast premium motion pacing (3 slides, each hold under 3s in video mode).

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