jem-ui-recipes
jem-ui-recipes
Copy-paste-ready code blocks for common pages and features built with @jem-open/jem-ui. Each recipe is a complete, working component with TypeScript types, realistic placeholder data, and inline comments marking customization points.
Step 1 — Check prerequisites
Before using any recipe, verify the project is set up for @jem-open/jem-ui.
Check 1: Package installed
Look for @jem-open/jem-ui in package.json dependencies. If missing, install it with peer dependencies:
npm install @jem-open/jem-ui
Check 2: Styles imported
More from jem-open/jem-agent-skills
review-fix-loop
Use when a code analysis tool reports findings and you want an automated fix-verify loop — runs the analysis command, dispatches parallel subagents to fix all findings, verifies with project lint and tests, and loops until zero findings remain.
18gtm
Release workflow for when you are ready to ship. Bumps the version file, creates a release branch, publishes a GitHub release with auto-generated notes, and opens PRs into the base branch and main. Both PRs are auto-merged by default once all branch protection requirements are satisfied; pass --no-auto-merge to leave them open.
14jem-ui-components
Complete reference for using @jem-open/jem-ui components — props, variants, design tokens, setup, and common mistakes to avoid.
14jem-ui-patterns
Guide for composing @jem-open/jem-ui components into app-level UI patterns — forms, data views, modals, navigation, and feedback.
131password-secret-references
>
10jem-brand-guidelines
>
7