recent-data

Initialize and render recent topics, resources, and pages from the session store.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/razgulay/my-lobe-chat --skill recent-data-razgulay
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: recent-data
Source: https://github.com/razgulay/my-lobe-chat/tree/main/.agents/skills/recent-data
Command: npx skills add https://github.com/razgulay/my-lobe-chat --skill recent-data-razgulay

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Managing and surfacing recently used items (topics, resources, pages) across the app can be error-prone and tedious. This Skill provides a clear pattern for initializing, reading, and rendering recent data from the session store to improve user continuity.

Core Features & Use Cases

  • Initialization: Run initialization hooks at the app root to load recent topics, resources, and pages.
  • Read-Through UI: Access recent data via selectors to render quick-access lists in dashboards or sidebars.
  • Session Persistence: Ensure recent items persist during a session for seamless navigation.

Quick Start

Use the Skill to initialize and display recently used items. At app entry point, call the hooks:

  • useInitRecentTopic();
  • useInitRecentResource();
  • useInitRecentPage();

Render lists from:

  • recentTopics
  • recentResources
  • recentPages

Frequently Asked Questions about recent-data

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

FAQPage Schema
How do I manage recently used data in React with session store persistence?

To manage recently used data in React, use dedicated hooks like useInitRecentTopic and session selectors to initialize, read, and render recent items from the session store reliably.

What is the best way to display recently accessed pages in a React dashboard?

The best way to display recently accessed pages in a React dashboard is to read recent data via session selectors and render the recentPages array into quick-access lists for user navigation.

How do I initialize recent topics and resources at my app entry point?

Initialize recent topics and resources at your app entry point by calling the useInitRecentTopic and useInitRecentResource hooks at the root to load session data before rendering.

Does this recent data pattern work with TypeScript for strict type safety?

Yes, this recent data pattern uses strict typing with TypeScript to ensure reliable initialization, reading, and rendering of recently used items from the session store.

Why does my session store lose recently used items when navigating between pages?

If recently used items are lost during navigation, ensure the initialization hooks run at the app root to load recent data into the session store before rendering subsequent pages.

Can I use React hooks to read recently used resources for sidebar navigation?

Yes, you can use React hooks with session selectors to read the recentResources array and render it as quick-access lists in sidebar navigation for seamless user continuity.