radtools

Name: radtools
Availability: InStock
Author: Radiants

Compile a centralized UI component API reference for Next.js apps.

1|Updated Dec 17, 2025

Search Tags:#typescript #frontend #react #design-system #ui-components #component-api #radtools

Ready to run

npx skills add https://github.com/Radiants-DAO/radtools --skill radtools

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: radtools
Source: https://github.com/Radiants-DAO/radtools/tree/main/.archive/docs-review/skills/templates/skills/radtools
Command: npx skills add https://github.com/Radiants-DAO/radtools --skill radtools

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

RadTools provides a centralized reference for UI components, enabling faster, more consistent frontend development by detailing APIs, props, and usage patterns.

Core Features & Use Cases

Comprehensive API reference for components like Button, Card, Tabs, and Dialog.
Consistent design guidance including tokens, variants, and typography conventions.
Examples and guidelines for quick integration into Next.js + Tailwind projects.

Quick Start

Install RadTools and start using components from '@/components/ui' to build interfaces.

Frequently Asked Questions about radtools

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

FAQPage Schema

How do I use React UI components like Button and Dialog in a Next.js project?▼

The RadTools reference provides standardized API documentation for UI components like Button, Card, Tabs, and Dialog, enabling frontend teams to build consistent Next.js interfaces without manual prop lookups.

Where can I find API props and usage examples for design system components?▼

A centralized UI component API reference provides detailed prop tables, variants, and usage examples for components like Button and Card, accelerating frontend development with consistent design-system guidelines.

Does the RadTools component API reference work with Tailwind CSS?▼

The RadTools API reference includes specific examples and guidelines for integrating UI components into Next.js + Tailwind projects, ensuring design tokens and variants match your styling conventions.

What's the best way to maintain design system consistency across multiple frontend projects?▼

Using a centralized UI component API reference ensures design system consistency across multiple projects by standardizing component props, typography conventions, and variants for all frontend developers.

How do I integrate Tabs and Card components into my frontend application?▼

To integrate Tabs and Card components into your frontend application, install RadTools, import the required elements from '@/components/ui', and configure the documented props and variants for your layout.