yororen-ui-recipes

Provide end-to-end Yororen UI recipes for building gpui applications.

342|10|Updated Jan 21, 2026
One-click install
npx skills add https://github.com/MeowLynxSea/yororen-ui --skill yororen-ui-recipes
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: yororen-ui-recipes
Source: https://github.com/MeowLynxSea/yororen-ui/tree/main/codex-skills/yororen-ui-recipes
Command: npx skills add https://github.com/MeowLynxSea/yororen-ui --skill yororen-ui-recipes

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

End-to-end Yororen UI recipes help developers quickly scaffold gpui apps with ready-made patterns, complete examples, and layout guidance.

Core Features & Use Cases

  • Access five live demos (counter, layers_demo, inputs_demo, gallery_demo, theme_showcase) as canonical patterns to copy or adapt.
  • Learn composition rules for overlays, lists, i18n, theming, and renderer usage to accelerate development.
  • Use as a reference when building production-grade screens that require consistent UX and accessibility considerations.

Quick Start

Open crates/yororen-ui-demos/gallery_demo to view a complete kitchen-sink pattern and adapt it to your app.

Frequently Asked Questions about yororen-ui-recipes

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build gpui applications with ready-made screen layout patterns?

End-to-end Yororen UI recipes provide complete working examples and screen layout patterns for building gpui applications. You can adapt five live demos, including overlays and virtualization, to quickly scaffold production-grade screens.

What is the best way to compose overlays and virtualized lists in gpui?

Composing overlays and virtualized lists in gpui requires following specific composition rules encapsulated in Yororen UI recipe patterns. The layers_demo and gallery_demo serve as canonical examples showing how to correctly implement these complex renderer features.

How do I implement theme-switching and i18n patterns for gpui components?

Implementing theme-switching and i18n patterns for gpui components is done by applying the composition rules from the Yororen UI theme_showcase demo. This provides canonical patterns to copy for consistent UX and internationalization in your application.

Can I use Yororen UI recipes for production-grade screen layouts?

Yes, Yororen UI recipes are designed as a reference for building production-grade screens that require consistent UX and accessibility considerations. The recipes encapsulate proven patterns from live demos to ensure reliable application interfaces.

Do I need any external dependencies to use Yororen UI recipes?

No, you do not need external dependencies to use Yororen UI recipes. The Skill has zero dependencies and provides self-contained references and live demos within the crates/yororen-ui-demos directory to guide your gpui development.