react-grid-layout
CommunityContext-aware grid layouts for ASTA.
Software Engineering#typescript#ssr#context7#layout-patterns#react-grid-layout#asta-calendar#time-based-layout
Authorjey3dayo
Version1.0.0
Installs0
System Documentation
What problem does it solve?
The React Grid Layout Skill provides a Context7-enhanced approach to building grid-based calendars and dashboards by blending React-grid-layout with ASTA patterns for time-based layouts and dynamic sizing.
Core Features & Use Cases
- Context7 integration for latest API references and safe SSR handling.
- ASTA-pattern driven calendar layouts (time slots, rooms, reservations) with dynamic cols/width calculations.
- TypeScript-friendly wrappers and Next.js SSR considerations for React Grid Layout.
Quick Start
Create a simple calendar grid by registering time slots and rooms, then render them with SafeGridLayout using a dynamic layout generated from ASTA patterns.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: react-grid-layout Download link: https://github.com/jey3dayo/dotfiles/archive/main.zip#react-grid-layout Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.