recent-data

Initialize and read typed recent data from a session store via hooks.

Updated Feb 1, 2026
One-click install
npx skills add https://github.com/Chenm4/VoiceChatAssistant --skill recent-data-chenm4
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: recent-data
Source: https://github.com/Chenm4/VoiceChatAssistant/tree/main/lobehub-main/.agents/skills/recent-data
Command: npx skills add https://github.com/Chenm4/VoiceChatAssistant --skill recent-data-chenm4

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Recent data (recentTopics, recentResources, recentPages) is stored in a session store to enable fast, context-aware UI and navigation.

Core Features & Use Cases

  • Initializes and reads recent data from a session store to power "recent" lists across topics, resources, and pages.
  • Provides simple hooks and selectors to render recently accessed items in your UI and to keep session histories synchronized.
  • Use cases include improving navigation speed in dashboards, reducing repetitive searches, and restoring user context after reloads.

Quick Start

Initialize recent data at app startup by invoking the provided hooks for topics, resources, and pages. Example: In your main App component, call useInitRecentTopic(), useInitRecentResource(), and useInitRecentPage() before rendering your UI.

Frequently Asked Questions about recent-data

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

FAQPage Schema
How do I track recently viewed pages in a React app session store?

To track recently viewed pages in a React app session store, you initialize a centralized store using custom hooks like useInitRecentPage at app startup. This ensures type-safe state management and synchronizes session histories for fast UI navigation.

What is the best way to implement a recent topics list using React hooks?

Implementing a recent topics list with React hooks involves invoking initialization hooks such as useInitRecentTopic to read from a session store. This approach provides selectors to render recently accessed items and maintains consistent state initialization.

Does this recent data session store approach work for restoring user context after reloads?

Yes, the recent data session store approach works for restoring user context after reloads by storing recentTopics, recentResources, and recentPages in a session store. This enables fast, context-aware UI and quick navigation in client-side applications.

Can I use these hooks to manage recent resources alongside topics and pages?

Yes, you can use hooks to manage recent resources alongside topics and pages. The Skill provides specific hooks like useInitRecentResource to initialize and read multiple recent data categories from a centralized session store simultaneously.

When do I need a session store for recent data in frontend development?

You need a session store for recent data in frontend development when your application requires fast access to recently viewed topics, resources, or pages. It is useful for improving navigation speed in dashboards and reducing repetitive searches.