Skip to content

Instantly share code, notes, and snippets.

View daehyeonmun2021's full-sized avatar

Daehyeon Mun daehyeonmun2021

View GitHub Profile
@daehyeonmun2021
daehyeonmun2021 / generate-skeleton.md
Created July 24, 2025 15:54
generate-skeleton.md
Error in user YAML: (<unknown>): did not find expected alphabetic or numeric character while scanning an alias at line 2 column 8
---
description: This rule provides comprehensive guidelines for generating skeleton UI components using react-native-fast-shimmer, ensuring pixel-perfect matching with target components' layouts, dimensions, and element positioning.
globs: *.js,*.jsx,*.ts,*.tsx
---

Skeleton UI Generation Rules

This rule ensures that when generating skeleton UI components, they perfectly match the target component's layout, dimensions, and styling while using the custom Shimmer component with semantic subcomponents (Shimmer.Text, Shimmer.Image, Shimmer).

1. Core Requirements

import {
Canvas,
DataSourceParam,
dist,
ImageShader,
rect,
RoundedRect,
rrect,
Shader,
Skia,