iblai-agent-dataset

Displays a searchable, paginated datasets table with upload and delete options for Agent settings.

15|3|Updated Mar 27, 2026
One-click install
npx skills add https://github.com/iblai/vibe --skill iblai-agent-dataset
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: iblai-agent-dataset
Source: https://github.com/iblai/vibe/tree/main/skills/iblai-agent-dataset
Command: npx skills add https://github.com/iblai/vibe --skill iblai-agent-dataset

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Add a dedicated Datasets tab to the agent settings UI, providing a searchable, paginated table for datasets with upload and delete actions that streamline data management within the app.

Core Features & Use Cases

  • Searchable, paginated table of datasets with columns for name, type, tokens, interval, visibility, and status
  • Add Resource slot to upload files and attach resources to datasets
  • Per-row actions including delete, with a shared wrap by the AgentSettingsProvider for consistent behavior across agent settings tabs
  • Designed as a modular tab within the wider ibl.ai agent-settings family

Quick Start

Mount the AgentDatasetsTab in the agent settings route to expose a searchable datasets interface.

Frequently Asked Questions about iblai-agent-dataset

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

FAQPage Schema
How do I add a searchable datasets table to my Next.js agent UI?

You can add a searchable datasets table to your Next.js agent UI by mounting the AgentDatasetsTab component within your agent settings route, which renders a paginated table with search, upload, and delete capabilities.

Can I customize the file upload and pagination components in the agent settings datasets tab?

Yes, the agent settings datasets tab allows optional customization of its upload interface through the AddResourceModal slot and its table navigation through the PaginationComponent slot.

Do I need an AgentSettingsProvider to manage datasets in a Next.js app?

An AgentSettingsProvider is required to wrap the datasets tab because it wires authentication and shares UI configuration across all agent settings tabs for consistent behavior.

What dataset details can I display and manage within the agent settings interface?

The agent settings interface displays dataset details in a table with columns for name, type, tokens, interval, visibility, and status, while also providing per-row delete actions and resource attachment.

How do I handle dataset uploads and deletions in a Next.js application?

You handle dataset uploads and deletions in Next.js by using the Add Resource slot to attach files and triggering per-row delete actions provided by the integrated datasets table component.