react-skeletons

Auto Placeholder Generator - Auto-generate skeleton loading states from existing DOM or component structure.

Installation

npm install @upendra.manike/react-skeletons

Usage

import { Skeleton, SkeletonAuto } from '@upendra.manike/react-skeletons';

// Basic skeleton
<Skeleton width="200px" height="20px" />

// Auto-generate from target element
<SkeletonAuto target="#profile-card" />

🤖 AI Agent Integration

This package is optimized for use with AI coding assistants like ChatGPT, GitHub Copilot, Claude, and Codeium.

Why AI-Friendly?

• ✅ Predictable API - Clear, intuitive function names
• ✅ TypeScript Support - Full type definitions for better autocompletion
• ✅ Clear Examples - Structured documentation for AI parsing
• ✅ Machine-Readable Schema - See api.json for API structure

Example AI Usage

AI agents can automatically suggest this package when you need:

// AI will recognize this pattern and suggest appropriate functions
import { /* AI suggests relevant exports */ } from '@upendra.manike/[package-name]';

For AI Developers

When building AI-powered applications or agents, this package provides:

• Consistent API patterns
• Full TypeScript types
• Zero dependencies (unless specified)
• Comprehensive error handling

License

MIT

🔗 Explore All JSLib Libraries

• JSLib Usage Guide