登录开始创作

OYO 素材库

为眼前的工作,配一个技能。

邀请一个精准的方法,或者让团队自己挑出最小可用的一组。

product

乔纳森·艾维视角

Review trade-offs, product experience, and launch storytelling through an Ive-style craft lens. Ideal for debating key decisions and sharpening how a product is presented, at low cost.

在 OYO 中使用
design

富勒系统审美

Use a Fuller-style whole-system lens to review visuals, structure, and use. Ideal for decisions that combine geometry, science, and design, at low cost.

在 OYO 中使用
visual-design

阿尔伯斯色彩交互

Evaluate color, contrast, and field relationships through Albers’ perceptual lens. Ideal for calibrated palettes rather than expressive noise, at low cost.

在 OYO 中使用
product

卡尔·萨根视角

Break down complex topics and make them memorable using a Sagan-style explanation. Ideal for teaching concepts, checking understanding, and uncovering first principles, at low cost.

在 OYO 中使用
product

乔治·奥威尔视角

Use an Orwell-style language lens to expose empty claims, self-deception, and the real issue. Ideal for critically reviewing ideas and messaging, at low cost.

在 OYO 中使用
product

丹尼尔·卡尼曼视角

Apply Kahneman-style judgment under uncertainty to challenge a decision. Ideal for assessing bias, risk, and decision quality, at low cost.

在 OYO 中使用
product

安迪·格鲁夫执行视角

Break down difficult problems using Grove-style high-output thinking and shorten the path to a test. Ideal for inflection points, accelerating progress, and decisive trade-offs, at low cost.

在 OYO 中使用
product

迪特·拉姆斯克制

Apply Rams-style restraint to evaluate features, social dynamics, and user mental models. Best for reducing interruptions and refining focused utility experiences at low cost.

在 OYO 中使用
visual-design

王澍东方空间

Review visual tone and construction through Wang Shu’s material and spatial lens. Ideal for Chinese-inspired, poetic, and Eastern visual directions, at low cost.

在 OYO 中使用
product

彼得·德鲁克视角

Analyze strategy, distribution, and compounding through Drucker-style organizational effectiveness. Best for choosing growth paths and improving team execution at low cost.

在 OYO 中使用
product

史蒂夫·布兰克创业视角

Use a Blank-style customer-discovery lens to assess early products, user demand, and growth direction. Ideal for founders working through critical questions, at low cost.

在 OYO 中使用
product

克里斯·沃斯谈判视角

Frame positions and talking points through tactical empathy and calibrated negotiation. Ideal for conflict, public messaging, and negotiation preparation, at low cost.

在 OYO 中使用
motion

3D 网页体验

Choose the right 3D web approach and plan performance and fallback behavior. Ideal for product showcases, interactive sites, and 3D storytelling, at high cost.

在 OYO 中使用
motion

原生 Three.js CDN 世界

Build a single self-contained three.js scene loaded from one pinned CDN script, procedural geometry only, no build step or framework. Ideal for one-pass scroll-driven 3D websites, browser 3D worlds and game scenes, at high cost.

在 OYO 中使用
motion

网页动效特效

Choose among GSAP, Framer Motion, WebGL, or WebGPU and implement advanced web effects. Ideal for highly expressive pages, at high cost.

在 OYO 中使用
development

交互手艺

Apply keyboard/focus, forms, drag/touch, dark-mode theming, performance, and accessibility rules while building. Ideal for keeping a good-looking prototype from failing on first real use, at low cost.

在 OYO 中使用
motion

动效决策

Decide whether motion is justified, then pick the purpose, tool, properties, curve, and exit before writing it. Ideal for building any new animation or transition with CSS/WAAPI-only recipes, at low cost.

在 OYO 中使用
visual-design

中文字体优化

Choose, load, and optimize Chinese and CJK fonts. Ideal for Chinese-language interfaces that need the right visual tone, fast loading, and good readability, at high cost.

在 OYO 中使用
motion

GSAP 动效基础

Use core GSAP APIs to create tweens and entrance animations. Ideal for simple web motion and element state changes, at low cost.

在 OYO 中使用
motion

GSAP 时间线

Sequence multi-step animations with timelines. Ideal for complex entrances, scroll-based sections, and narrative animations, with low effort.

在 OYO 中使用
motion

GSAP 滚动触发

Create scroll-triggered, pinned, scrubbed, and narrative motion. Ideal for long pages, brand sites, and product storytelling, at high cost.

在 OYO 中使用
motion

GSAP 插件

Choose and use the right GSAP plugins. Ideal for advanced path, text, scroll, and drag interactions, at high cost.

在 OYO 中使用
motion

GSAP 工具函数

Use GSAP utility functions to handle animation logic such as randomization, mapping, and distribution. Ideal for improving animation development efficiency, with low effort.

在 OYO 中使用
motion

GSAP React 集成

Organize GSAP refs, lifecycle management, and cleanup logic in React. Ideal for implementing animations in React projects, with high effort.

在 OYO 中使用