TheOrcDev verified

Create pixelated borders, shadows, and effects for 8-bit retro components. Apply when building 8-bit styled UI component...

Create MDX documentation files with proper frontmatter, imports, and component integration. Apply when creating or updat...

Register components in registry.json for shadcn/ui add command. Apply when adding new 8-bit components to the component...

Wrap animated SVG elements in a div to enable hardware acceleration. Apply when animating SVG icons or elements, especia...

Patterns for game-like interfaces - health bars, XP bars, mana bars. Apply when building RPG/retro gaming UI components...

Use toSorted() instead of sort() to avoid mutating arrays. Apply when sorting arrays that are React props, state, or oth...

Create documentation with gaming-specific examples, retro styling, and 8-bit terminology. Apply when documenting gaming...

Hoist RegExp creation outside render or memoize with useMemo(). Apply when using regular expressions in React components...

Use lazy state initialization with useState function form. Apply when computing expensive initial values like building s...

Extract static JSX elements outside components to avoid re-creation on every render. Apply when rendering static element...

Optimize 8-bit animations for smooth performance. Apply when creating animated pixel art, game UI effects, or any retro-...

Use next/dynamic for lazy-loading heavy components. Apply when importing large components like editors, charts, or rich...