smithery/theorcdev

1

8-bit-pixel-art-patterns Create pixelated borders, shadows, and effects for 8-bit retro components. Apply when building 8-bit styled UI compon…

smithery/theorcdev

0

2

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

smithery/theorcdev

0

3

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

smithery/theorcdev

0

4

bundle-barrel-imports Import directly from source files instead of barrel files. Apply when using libraries like lucide-react, @mui/materia…

smithery/theorcdev

0

5

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

smithery/theorcdev

0

6

component-wrapper-architecture Best practices for wrapping shadcn/ui components. Apply when creating 8-bit styled variants of existing shadcn/ui com…

smithery/theorcdev

0

7

fumadocs-component-docs Create component documentation with installation, usage examples, and preview sections. Apply when documenting 8-bit …

smithery/theorcdev

0

8

fumadocs-mdx-structure Create MDX documentation files with proper frontmatter, imports, and component integration. Apply when creating or up…

smithery/theorcdev

0

9

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

smithery/theorcdev

0

10

gaming-ui-state-management Patterns for game-like interfaces - health bars, XP bars, mana bars. Apply when building RPG/retro gaming UI componen…

smithery/theorcdev

0

11

js-early-exit Use early returns to avoid unnecessary computation in loops and functions. Apply when processing arrays, validating i…

smithery/theorcdev

0

12

js-hoist-regexp Hoist RegExp creation outside render or memoize with useMemo(). Apply when using regular expressions in React compone…

smithery/theorcdev

0

13

js-set-map-lookups Use Set and Map for O(1) membership lookups instead of array.includes(). Apply when checking membership repeatedly or…

smithery/theorcdev

0

14

js-tosorted-immutable Use toSorted() instead of sort() to avoid mutating arrays. Apply when sorting arrays that are React props, state, or …

smithery/theorcdev

0

15

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

smithery/theorcdev

0

16

rendering-animate-svg Wrap animated SVG elements in a div to enable hardware acceleration. Apply when animating SVG icons or elements, espe…

smithery/theorcdev

0

17

rendering-conditional-render Use explicit ternary operators instead of && for conditional rendering. Apply when rendering values that could be 0, …

smithery/theorcdev

0

18

rendering-hoist-jsx Extract static JSX elements outside components to avoid re-creation on every render. Apply when rendering static elem…

smithery/theorcdev

0

19

rerender-functional-setstate Use functional setState updates to prevent stale closures and unnecessary callback recreations. Apply when updating s…

smithery/theorcdev

0

20

rerender-lazy-state Use lazy state initialization with useState function form. Apply when computing expensive initial values like buildin…

smithery/theorcdev

0

21

rerender-memo Extract expensive work into memoized components with React.memo. Apply when components perform expensive computations…

smithery/theorcdev

0

22

retro-css-architecture Organize 8-bit CSS with custom properties, pixel fonts, and responsive pixel art. Apply when creating or modifying re…

smithery/theorcdev

0

23

shadcn-ui-conventions UI component conventions for 8-bit styled components. Use when working with shadcn/ui components or implementing retr…

smithery/theorcdev

0