skills.rest
Jem-Open
Jem-OpenOFFICIAL
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/Jem-Open/jem-agent-skills --skill jem-ui-recipes
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
Jem-OpenJem-Open
3

jem-ui-components

Document @jem-open/jem-ui React component props, variants, and design tokens.

Official
Intermediate
ramunasnognysramunasnognys
1

frontend-dev-guidelines

Standardize React/TypeScript frontend development with Suspense, TanStack Query, and MUI v7.

Community
Intermediate
anicca-labsanicca-labs

coding-standards

Enforce React Native coding standards with TypeScript, Prettier, and custom rules.

Official
Intermediate
ayesha-aziz123ayesha-aziz123
2

shadcn

Provide shadcn/ui components with theming and accessibility for React apps.

Community
Intermediate