jem-ui-recipes

Aggregate copy-paste-ready UI recipes for @jem-open/jem-ui frontend development.

3|1|Updated Mar 9, 2026

Search Tags:#typescript #ui #frontend #react #recipes #code-blocks #jem-ui

Ready to run

npx skills add https://github.com/Jem-Open/jem-agent-skills --skill jem-ui-recipes

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: jem-ui-recipes
Source: https://github.com/Jem-Open/jem-agent-skills/tree/main/skills/jem-ui-recipes
Command: npx skills add https://github.com/Jem-Open/jem-agent-skills --skill jem-ui-recipes

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Developers often reinvent common UI patterns. This Skill provides a curated set of copy-paste-ready UI recipes built with @jem-open/jem-ui, accelerating frontend development by offering complete components and usage examples.

Core Features & Use Cases

Comprehensive UI recipes for common patterns (search tables, CRUD forms, settings pages, detail views, etc.)
Type-safe TypeScript components with inline customization points
Usage-ready code blocks that can be dropped into projects using @jem-open/jem-ui

Quick Start

Install the skill and start copying a ready-to-use recipe block into your project to speed development.

Frequently Asked Questions about jem-ui-recipes

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

FAQPage Schema

How do I get copy-paste React UI recipes for common frontend patterns like search tables and CRUD forms?▼

Copy-paste React UI recipes provide complete, type-safe TypeScript components for common frontend patterns like search tables and CRUD forms. This Skill aggregates ready-to-use code blocks built with @jem-open/jem-ui to accelerate frontend prototyping and production development.

What are UI recipes and when do I need them for frontend development?▼

UI recipes are pre-assembled, type-safe React TypeScript code blocks for common frontend patterns. Developers need them when building forms, tables, settings pages, or detail views to avoid reinventing UI components and to accelerate project development.

Can I use these UI recipes in an existing React and TypeScript project?▼

Yes, you can use these UI recipes in existing React and TypeScript projects. The recipes are type-safe TypeScript components with inline customization points, designed to be dropped directly into projects using the @jem-open/jem-ui library.

What's the best way to implement settings pages and detail views without reinventing UI patterns?▼

The best way to implement settings pages and detail views is using curated UI recipes. This Skill provides copy-paste-ready code blocks for these common frontend patterns, offering complete components with inline customization to bypass repetitive UI development.

Do I need to install @jem-open/jem-ui before using these frontend code blocks?▼

Yes, you need @jem-open/jem-ui installed in your project. The copy-paste-ready UI recipes are built specifically with this library, providing type-safe TypeScript components that require the dependency to render and function correctly.