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.