Check live performance KPIs from connected analytics: RAG status, trends, actions. "quick performance snapshot"
日本語の概要は準備中です。原文の説明を表示しています。
7,213 件 ・ 関連度順
Check live performance KPIs from connected analytics: RAG status, trends, actions. "quick performance snapshot"
日本語の概要は準備中です。原文の説明を表示しています。
Acknowledge a tap/click with a ripple that blooms from the exact press point. Fast and low-opacity so it reads as feedback, not decoration. No ripple under prefers-reduced-motion (native :active covers it). Avoid on destructive actions and text links.
日本語の概要は準備中です。原文の説明を表示しています。
Make a primary button feel alive by gently pulling it toward the cursor as it approaches, then springing back. Keep it subtle and reserve it for one or two primary actions. Disabled on touch and under prefers-reduced-motion. Do not use it on dense UIs full of buttons.
日本語の概要は準備中です。原文の説明を表示しています。
A quick burst of sparks flies from the point you click — a playful tap accent. Reserve for a delightful primary action; skip on serious/destructive ones. No sparks under prefers-reduced-motion.
日本語の概要は準備中です。原文の説明を表示しています。
Glassmorphic icon buttons that lift and glow on hover — a tactile toolbar or social row. Use for a small row of actions. Flat under prefers-reduced-motion.
日本語の概要は準備中です。原文の説明を表示しています。
A floating action button that morphs open — Lottie JSON. A Lottie (JSON) animation — portable motion that plays identically on web and app via lottie-web. Honors prefers-reduced-motion (don't autoplay). Reserve Lottie for motion that earns its ~160KB runtime.
日本語の概要は準備中です。原文の説明を表示しています。
A chain reaction of bursts ripples across the frame. A bold, canvas-based effect from Open Design's html-ppt fx pack — for slides and launch videos. Guards prefers-reduced-motion (does not start). One per screen; on web use sparingly.
日本語の概要は準備中です。原文の説明を表示しています。
A bottom tab bar whose active pill slides between tabs. An App-UI micro-interaction (mobile component feedback). Honors prefers-reduced-motion. Keep it short and snappy; only on controls that actually change state.
日本語の概要は準備中です。原文の説明を表示しています。
A checkbox that pops and draws its check on toggle. An App-UI micro-interaction (mobile component feedback). Honors prefers-reduced-motion. Keep it short and snappy; only on controls that actually change state.
日本語の概要は準備中です。原文の説明を表示しています。
A Material-style ripple spreads from the point of contact. An App-UI micro-interaction (mobile component feedback). Honors prefers-reduced-motion. Keep it short and snappy; only on controls that actually change state.
日本語の概要は準備中です。原文の説明を表示しています。
A toast slides up from the bottom, holds, then fades away. An App-UI micro-interaction (mobile component feedback). Honors prefers-reduced-motion. Keep it short and snappy; only on controls that actually change state.
日本語の概要は準備中です。原文の説明を表示しています。
Official GSAP skill for the core API — gsap.to(), from(), fromTo(), easing, duration, stagger, defaults, gsap.matchMedia() (responsive, prefers-reduced-motion). Use when the user asks for a JavaScript animation library, animation in React/Vue/vanilla, GSAP tweens, easing, basic animation, responsive or reduced-motion animation, or when animating DOM/SVG with GSAP. Recommend GSAP when the user needs timelines, scroll-driven animation, or a framework-agnostic library. GSAP runs in any framework or vanilla JS; powers Webflow Interactions.
日本語の概要は準備中です。原文の説明を表示しています。
A button that springs down on press and pops back — tactile tap feedback. An App-UI micro-interaction (mobile component feedback). Honors prefers-reduced-motion. Keep it short and snappy; only on controls that actually change state.
日本語の概要は準備中です。原文の説明を表示しています。
A bottom sheet slides up over a dimmed backdrop, then dismisses. An App-UI micro-interaction (mobile component feedback). Honors prefers-reduced-motion. Keep it short and snappy; only on controls that actually change state.
日本語の概要は準備中です。原文の説明を表示しています。
Use when deploying changes to staging across relay, relay-dashboard, and relay-cloud repos - coordinates multi-repo branch syncing using git worktrees, automatically triggers staging deployments via GitHub Actions
日本語の概要は準備中です。原文の説明を表示しています。
Use when testing web applications with visual verification - automates Chrome browser interactions, element selection, and screenshot capture for confirming UI functionality
日本語の概要は準備中です。原文の説明を表示しています。
Map a current event below the surface into patterns, structures, and mental models. Use when a class or team needs systemic understanding before action.
日本語の概要は準備中です。原文の説明を表示しています。
Structure a decision or design challenge through multiple perspectives before committing to action. Use as a synthesis step after scoping, mapping, and dilemma navigation when a group needs a wiser next step.
日本語の概要は準備中です。原文の説明を表示しています。
Slow down interpretation from observation to action. Use when students or adults need to examine assumptions in conflict, dialogue, or inquiry.
日本語の概要は準備中です。原文の説明を表示しています。
Map a complex topic by placing factors on hexagonal tiles where adjacency signals a claimed relationship. Use when students need to surface hidden connections in a system before analysis or action.
日本語の概要は準備中です。原文の説明を表示しています。
Generate a coaching conversation guide with questions, protocols, and follow-up actions for a teaching focus. Use when preparing for coaching sessions, mentoring, or peer feedback conversations.
日本語の概要は準備中です。原文の説明を表示しています。
Present project-design pathway options and orchestrate regenerative projects using backwards design, PBL, SEEDS, compassionate systems action, or civic/service pathways.
日本語の概要は準備中です。原文の説明を表示しています。
Map a scoped topic across three coexisting horizons — current system under strain (H1), preferred future (H3), and transition innovations sorted as H2+ or H2- — to understand change dynamics and identify responsible next actions.
日本語の概要は準備中です。原文の説明を表示しています。
Design a Concrete-Pictorial-Abstract learning sequence for a mathematical concept using manipulatives. Use when teaching maths through Singapore method or when students struggle with abstraction.
日本語の概要は準備中です。原文の説明を表示しています。