Sponsored by

Find leads on Reddit on auto pilot

Topic: ui

98 skills in this topic.

testing-patterns Testing patterns and principles. Unit, integration, mocking strategies.
itzzritik/OrderWorder 108
tailwind-patterns Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.
itzzritik/OrderWorder 108
systematic-debugging 4-phase systematic debugging methodology with root cause analysis and evidence-based verification. Use when debugging complex issues.
itzzritik/OrderWorder 108
server-management Server management principles and decision-making. Process management, monitoring strategy, and scaling decisions. Teaches thinking, not commands.
itzzritik/OrderWorder 108
web-design-guidelines Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
itzzritik/OrderWorder 108
vulnerability-scanner Advanced vulnerability analysis principles. OWASP 2025, Supply Chain Security, attack surface mapping, risk prioritization.
itzzritik/OrderWorder 108
webapp-testing Web application testing principles. E2E, Playwright, deep audit strategies.
itzzritik/OrderWorder 108
api-patterns API design principles and decision-making. REST vs GraphQL vs tRPC selection, response formats, versioning, pagination.
itzzritik/OrderWorder 108
animation-performance-retro Optimize 8-bit animations for smooth performance. Apply when creating animated pixel art, game UI effects, or any retro-styled animations.
TheOrcDev/8bitcn-ui 1,781
8-bit-pixel-art-patterns Create pixelated borders, shadows, and effects for 8-bit retro components. Apply when building 8-bit styled UI components that need authentic pixel art aesthetics.
TheOrcDev/8bitcn-ui 1,781
8bit-docs-patterns Create documentation with gaming-specific examples, retro styling, and 8-bit terminology. Apply when documenting gaming blocks, RPG components, or retro-styled UI elements.
TheOrcDev/8bitcn-ui 1,781
component-wrapper-architecture Best practices for wrapping shadcn/ui components. Apply when creating 8-bit styled variants of existing shadcn/ui components.
TheOrcDev/8bitcn-ui 1,781
fumadocs-component-docs Create component documentation with installation, usage examples, and preview sections. Apply when documenting 8-bit components with proper structure and examples.
TheOrcDev/8bitcn-ui 1,781
fumadocs-mdx-structure Create MDX documentation files with proper frontmatter, imports, and component integration. Apply when creating or updating Fumadocs documentation pages in content/docs/.
TheOrcDev/8bitcn-ui 1,781
fumadocs-registry-integration Register 8-bit components in registry.json for shadcn/ui add command. Apply when adding new components to the component library distribution.
TheOrcDev/8bitcn-ui 1,781
gaming-ui-state-management Patterns for game-like interfaces - health bars, XP bars, mana bars. Apply when building RPG/retro gaming UI components with state-driven visuals.
TheOrcDev/8bitcn-ui 1,781
js-early-exit Use early returns to avoid unnecessary computation in loops and functions. Apply when processing arrays, validating input, or checking multiple conditions where the result can be determined before all iterations complete.
TheOrcDev/8bitcn-ui 1,781
js-tosorted-immutable Use toSorted() instead of sort() to avoid mutating arrays. Apply when sorting arrays that are React props, state, or otherwise shared/referenced elsewhere.
TheOrcDev/8bitcn-ui 1,781
registry-component-patterns Register components in registry.json for shadcn/ui add command. Apply when adding new 8-bit components to the component library.
TheOrcDev/8bitcn-ui 1,781
rendering-animate-svg Wrap animated SVG elements in a div to enable hardware acceleration. Apply when animating SVG icons or elements, especially in 8-bit retro components with pixel art animations.
TheOrcDev/8bitcn-ui 1,781
rendering-conditional-render Use explicit ternary operators instead of && for conditional rendering. Apply when rendering values that could be 0, NaN, or other falsy values that might render unexpectedly.
TheOrcDev/8bitcn-ui 1,781
rendering-hoist-jsx Extract static JSX elements outside components to avoid re-creation on every render. Apply when rendering static elements repeatedly or in lists.
TheOrcDev/8bitcn-ui 1,781
rerender-functional-setstate Use functional setState updates to prevent stale closures and unnecessary callback recreations. Apply when updating state based on the current state value in React components.
TheOrcDev/8bitcn-ui 1,781
retro-css-architecture Organize 8-bit CSS with custom properties, pixel fonts, and responsive pixel art. Apply when creating or modifying retro-styled components and their CSS.
TheOrcDev/8bitcn-ui 1,781