skills.rest
Radiants-DAO
Radiants-DAOOFFICIAL
Explore all skills by this author →
Website𝕏@RadiantsDAOGitHub

radtools

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
One-click install
npx skills add https://github.com/Radiants-DAO/radtools --skill radtools
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
yonetim258852yonetim258852

uupm-ui-styling

Integrate shadcn/ui components with Tailwind CSS for React-based UI styling.

Community
Intermediate
TwuanMinnTwuanMinn

core-components

Consolidate core UI components, tokens, and patterns into a design-system toolkit.

Community
Intermediate
bryonjacobbryonjacob

styling-with-tailwind-cva

Create and style UI components with Tailwind CSS v4 and CVA variants.

Community
Intermediate
usenotrausenotra
148

vercel-composition-patterns

Design scalable React components using compound components, render props, and context providers.

Official
Advanced