skills.rest
PerceptLabs
PerceptLabsCOMMUNITY
Explore all skills by this author →
GitHub

wiggum-stack

Provide theme-agnostic React components for building Wiggum user interfaces.

Updated Jan 17, 2026
Search Tags:#react#design system#component library#frontend development#ui components#radix ui
One-click install
npx skills add https://github.com/PerceptLabs/wiggum --skill wiggum-stack
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: wiggum-stack
Source: https://github.com/PerceptLabs/wiggum/tree/main/apps/ide/src/skills/stack
Command: npx skills add https://github.com/PerceptLabs/wiggum --skill wiggum-stack

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a robust, theme-agnostic React component library to accelerate UI development, ensuring consistency and adherence to best practices across Wiggum projects.

Core Features & Use Cases

  • Component Reusability: Offers 60+ pre-built React components based on Radix primitives, eliminating the need to build common UI elements from scratch.
  • Enforced Best Practices: Guides developers to use existing components, compose them effectively, and avoid raw HTML or hardcoded styles, promoting maintainability and accessibility.
  • Use Case: When building a new feature that requires a modal dialog, a form input, and a button, use the Dialog, Input, and Button components from @wiggum/stack instead of creating custom HTML and CSS.

Quick Start

Use the wiggum-stack skill to import and use the Button component in your React application.

Frequently Asked Questions about wiggum-stack

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

FAQPage Schema
How do I build consistent React UI components without writing raw HTML?▼

Use a theme-agnostic React component library to build UIs without raw HTML. It provides pre-built Button, Input, and Dialog components, enforcing best practices and code consistency while accelerating UI development.

What is a theme-agnostic React component library?▼

A theme-agnostic React component library provides pre-built UI elements based on Radix UI primitives that function independently of specific styling themes. This allows developers to reuse 60+ components across applications while maintaining UI consistency.

Can I use Radix UI primitives to construct a modal dialog and form inputs?▼

Yes, you can use Radix UI primitives to construct a modal dialog and form inputs. The library provides pre-built Dialog, Input, and Button components designed to be composed together effectively, replacing custom HTML and CSS.

Does this React component library enforce UI development best practices?▼

Yes, this React component library enforces UI development best practices by guiding developers to compose pre-built components effectively. It actively discourages raw HTML and hardcoded styles to promote maintainability and accessibility.

What's the best way to avoid hardcoded styles in frontend development?▼

The best way to avoid hardcoded styles in frontend development is to adopt a pre-built React component library. It enforces code consistency by providing 60+ pre-composed UI elements, eliminating the need to build common components from scratch.

When should I not use raw HTML for form inputs and buttons?▼

You should avoid raw HTML for form inputs and buttons whenever a pre-built component library is available. Using existing Input and Button components ensures accessibility, maintains code consistency, and adheres to enforced best practices across applications.

Related Skills

Explore More Software Engineering Skills→
AbdullahMalik17AbdullahMalik17
9

styling-with-shadcn

Set up shadcn/ui components, forms, and dark mode in Next.js projects.

Community
Intermediate
FerranGuardiaFerranGuardia

frontend-craft

Build UI components and design systems for Next.js with shadcn/ui and Tailwind CSS.

Community
Advanced
andreichenchikandreichenchik

ai-elements

Provide reusable React components for AI chat, code, audio, and persona UIs.

Community
Advanced
hasnahasna

shadcn

Integrates reusable UI components into your Tailwind and React projects via the managed screen reader.

Official
Intermediate