yororen-ui-recipes

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

342|10|Updated Jan 21, 2026

Search Tags:#components #recipes #i18n #demos #gpui #theme-switching #yororen-ui

Ready to run

npx skills add https://github.com/MeowLynxSea/yororen-ui --skill yororen-ui-recipes

💬 Prompt for ChatGPT / Claude Chat▼

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.