「canvas」の検索結果

Restore legibility to an auto-generated graph diagram that has outgrown its canvas - rendering at single-digit percent scale with sub-pixel labels. Covers the levers that measurably reduce layout units (source-level label wrapping, invisible chain links so unconnected nodes stop spreading into one row, per-cluster splitting, layout direction picked by rendering both and measuring) and the rejected ones (raising the render font is a no-op because layout engines measure in text units; a topology heuristic for direction regressed 13 of 38 diagrams). Use when a generated Mermaid/Graphviz/DOT diagram is too small to read; not for hand-authoring a small diagram.

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

Diagnose React + Three.js (or any browser canvas) frame stutter by capturing a CDP CPU profile via Playwright instead of guessing from `[perf]` console logs. Use when: (1) frame time is bad but `[perf]` instrumentation doesn't pinpoint the offender, (2) you've spent more than ~30 minutes "fixing" suspects without measuring, (3) hot paths involve animation systems, allocation bursts, or invisible scene-graph traversal, (4) you need self-time per function with line numbers, not aggregate "render slow". The `console.warn` pattern is good for monitoring; CDP is needed for diagnosis. Covers script template, sourcemap setup so minified function names are decoded, and interactive variant where the user drives the interaction and signals stop via `touch /tmp/<flag>`.

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

Create polished, code-driven Remotion motion explainers from scripts, narration, subtitles, product specifications, reference videos, UI recordings, diagrams, or abstract concepts. Use for product launches, AI demonstrations, UI interactions, algorithms, scientific principles, electrical systems, data flows, architecture, charts, equations, and concepts best expressed with React, SVG, Canvas, WebGL, or Three.js. Prioritize continuous spatial logic, visible cause and effect, precise interaction states, editable parameters, deterministic rendering, and evidence-backed visual QA.

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

Turn travel photos into restrained 3:4 charcoal memory studies that physically fade into clean paper, with split comparison or full-canvas composition.

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

Turn uploaded travel photos into full-canvas 3:4 pixel-dissolve landscapes with abundant paper white. Use for curated limited-palette pixel studies or when this skill is invoked.

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

Turn uploaded photos into full-canvas 3:4 impasto miniature-landscape posters. Use for sculptural oil-paint dioramas, tactile impasto scenes, or when this skill is invoked.

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

Turn uploaded photos into full-canvas 3:4 observational pen-and-wash posters. Use for minimal sketchbook studies, airy pen wash, rhythmic linework, or when this skill is invoked.

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

Turn uploaded photos into full-canvas 3:4 handcrafted travel diorama posters. Use for papercraft models, tactile miniature travel scenes, or when this skill is invoked.

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

Turn travel photos with recognizable people into 3:4 posters where real photographed environments contain warm-white paper sketch figures, in split comparison or full-canvas mode.

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

Turn photos into quiet 3:4 editorial posters using pure black ink masses, controlled stippling, pristine ivory paper, and either split comparison or full-canvas composition.

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

Turn travel photos with recognizable architecture or human-made landmarks into 3:4 folk ink-and-color posters, with either a photo comparison layout or a full-canvas redraw. Do not use when no landmark is recognizable.

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

Turn travel photos into 3:4 opaque-gouache posters using a split photo/still-life layout, a full-canvas object still life, or a full-scene gouache redraw.

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

Turn travel photos into 3:4 nostalgic editorial posters as either a photo-and-drawing comparison or a full-canvas minimal illustration.

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

Turn photos with a clearly isolated landmark into two-color 3:4 kraft-paper stencil posters, in split comparison or full-canvas mode. Do not use when no single landmark is recognizable.

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

Turn uploaded photos into full-canvas 3:4 isometric healing-block sculpture posters. Use for rounded modular sculptures, gentle isometric block art, or when this skill is invoked.

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

Turn uploaded photos into full-canvas 3:4 perforated watercolor travel-card posters. Use for watercolor memory cards, perforated ticket cards, travel archive layouts, or when this skill is invoked.

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

万能复刻 / universal website copy-remix workflow with evidence-based reference recon. Use when the user wants to copy, clone, recreate, remix, migrate, or rebuild any reference website's look, interaction feel, scroll rhythm, hero motion, layout structure, visual system, deployed static assets, or landing-page experience into a new website. Trigger for requests like 万能复刻, 万能网站复制, 复刻官网, 一比一复刻, 授权复制, 高仿但换产品, 参考某官网做自己的官网, RMUX 风格, Linear/Raycast/Apple/Vercel 风格迁移, hero 动效复刻, 滚动体验复刻, 官网换皮重构, 网站侦察, 复刻验收, WebGL/Canvas/Three.js 效果还原.

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

Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.

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

Interactive element picker for web pages. Opens a browser with click-to-select UI overlay. Use when you need to let users visually select DOM elements, identify element selectors, or get detailed element information interactively. Triggers on "select an element", "pick element", "let me choose", "which element", or any interactive element selection task. Integrates with agent-eyes for visual context.

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

"Apply Blue Ocean Strategy to create uncontested market space through value innovation. Use this skill when the user needs to differentiate beyond price competition, find new market opportunities, or redesign a product's value proposition using the Strategy Canvas and Four Actions Framework (Eliminate-Reduce-Raise-Create). Also use when the user says 'how do we stop competing on price', 'create a new category', or 'escape the red ocean'.".

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

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.

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

Client-side image handling - preview generation, Canvas API resizing, compression, EXIF orientation, format conversion, memory management with object URL cleanup

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

React Three Fiber (R3F) 3D rendering — Canvas, meshes, materials, lights, cameras, animations, events, physics, post-processing, performance

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

React Native Skia GPU-accelerated 2D graphics - Canvas, declarative drawing, shaders, image filters, Paragraph text, Atlas batch rendering, Reanimated animations

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