Extended Libraries

Access extended npm packages for UI components, forms, data handling, and utilities.

Updated Jan 17, 2026
One-click install
npx skills add https://github.com/PerceptLabs/wiggum --skill extended-libraries
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Extended Libraries
Source: https://github.com/PerceptLabs/wiggum/tree/main/apps/ide/src/skills/extended-libraries
Command: npx skills add https://github.com/PerceptLabs/wiggum --skill extended-libraries

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides access to a curated list of powerful npm packages that extend Ralph's capabilities beyond its core functionalities, enabling more complex and dynamic web development tasks.

Core Features & Use Cases

  • Rich UI Components: Access libraries for animations, drag-and-drop, carousels, and drawers.
  • Advanced Form Handling: Utilize robust solutions for form state management and validation.
  • Data Management: Leverage libraries for efficient state management and asynchronous data fetching.
  • Utility Functions: Employ date manipulation, markdown rendering, and QR code generation.
  • Use Case: When building a complex dashboard, you might use @tanstack/react-table for data grids, react-hook-form for user input forms, and zustand for global state management.

Quick Start

Use the extended libraries skill to import the motion component from motion/react for animations.

Frequently Asked Questions about Extended Libraries

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

FAQPage Schema
How do I add npm packages for React form validation and state management to my AI coding assistant?

To add npm packages for React form validation and state management, this Skill provides a curated catalog of extended libraries like React Hook Form and Zustand, enabling complex web development tasks within your assistant.

Can I use Framer Motion and TanStack libraries for dynamic UI components in my project?

Yes, you can use Framer Motion and TanStack libraries for dynamic UI components. This Skill facilitates access to these packages for animations, data grids, and asynchronous data fetching, requiring specific import paths.

What is the best way to manage complex data grids and user input forms in a React dashboard?

The best way to manage complex data grids and user input forms is by utilizing this Skill's extended libraries, which offer TanStack React Table for data handling and React Hook Form for robust form state management.

Do I need specific import paths to use utility libraries like date-fns and Zod?

Yes, you need specific import paths to use utility libraries like date-fns and Zod. This Skill requires adherence to usage guidelines for importing these packages to ensure proper functionality.

Does this catalog include libraries for drag-and-drop interfaces and markdown rendering?

Yes, this catalog includes libraries for drag-and-drop interfaces and markdown rendering. It provides access to a variety of utility functions and UI component extensions to enhance development workflows.

Why should I use extended npm libraries instead of core components for frontend development?

You should use extended npm libraries to expand capabilities beyond core components, enabling more complex and dynamic web development tasks like advanced form handling, rich UI animations, and efficient data management.