iblai-agent-disclaimer

Add a permission-gated user agreement and advisory tab to a Next.js app.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Add an integrated agent disclaimers tab (user agreement and advisory) to a Next.js app, enabling consistent, consent-driven interactions within the agent settings flow.

Core Features & Use Cases

  • Two-column layout with a User Agreement card (permission-gated) and an Advisory section, all sharing the AgentSettingsProvider wrapper for consistent state and branding.
  • Render customizable disclaimer content via renderContent and easy label customization to adapt to your product naming and localization.
  • Integrates with MCP tooling and follows brand guidelines to ensure compliant, reusable UI across agent settings routes.

Quick Start

Mount the AgentDisclaimersTab in your route for the mentor's disclaimers and customize labels or renderContent as needed.

Frequently Asked Questions about iblai-agent-disclaimer

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

FAQPage Schema
How do I add a user agreement and advisory tab to a Next.js app?

To add a user agreement and advisory tab to a Next.js app, mount the AgentDisclaimersTab component in your route. It renders a two-column layout with a permission-gated User Agreement and an Advisory section wrapped by AgentSettingsProvider for consistent state.

What is a permission-gated user agreement in agent settings?

A permission-gated user agreement in agent settings is a UI card that restricts access based on user roles or permissions. It ensures consent-driven interactions by displaying terms within a two-column layout shared with an advisory section.

Can I customize the disclaimer labels and content in my Next.js application?

Yes, you can customize disclaimer labels and content in your Next.js application. The component supports optional renderContent and label customization, allowing you to adapt text for product naming and localization needs.

Does the agent disclaimers tab require an AgentSettingsProvider wrapper?

Yes, the agent disclaimers tab requires an AgentSettingsProvider wrapper. This wrapper ensures consistent state management and branding across the user agreement and advisory sections within the agent settings flow.

How do I ensure brand compliance when adding disclaimers to agent settings?

To ensure brand compliance when adding disclaimers to agent settings, use the integrated tab component which follows brand guidelines and MCP integration prerequisites. This provides a compliant, reusable UI across all agent routes.

What is the best way to display advisory and user agreement sections together?

The best way to display advisory and user agreement sections together is a two-column layout. This approach uses a shared state wrapper to render both sections simultaneously, enabling consistent, consent-driven user interactions.