Loading source

Preparing the source view

Pulling the file list, source metadata, and syntax-aware rendering for this listing.

Source from repo

User Interface Wiki

Living wiki of UI design patterns and best practices built with Fumadocs, Next.js, and Base UI components.

raphaelsalajaGitHub raphaelsalajaSource repo Original GitHub link Publisher page

Files

157

Skill

n/a

Size

184.3 KB

Entrypoint

SKILL.md

Format

git-repo

Repo map

Skill files

AGENTS.md

markdown85.2 KB

metadata.json

rules/_sections.md

rules/_template.md

rules/a11y-reduced-motion-check.md

rules/a11y-toggle-setting.md

rules/a11y-visual-equivalent.md

rules/a11y-volume-control.md

rules/appropriate-confirmations-only.md

rules/appropriate-errors-warnings.md

rules/appropriate-no-decorative.md

rules/appropriate-no-high-frequency.md

rules/appropriate-no-punishing.md

rules/container-callback-ref.md

rules/container-guard-initial-zero.md

rules/container-no-excessive-use.md

rules/container-overflow-hidden.md

rules/container-transition-delay.md

rules/container-two-div-pattern.md

rules/container-use-resize-observer.md

rules/context-cleanup-nodes.md

rules/context-resume-suspended.md

rules/context-reuse-single.md

rules/design-filter-for-character.md

rules/design-noise-for-percussion.md

rules/design-oscillator-for-tonal.md

rules/duration-max-300ms.md

rules/duration-press-hover.md

rules/duration-shorten-before-curve.md

rules/duration-small-state.md

rules/easing-entrance-ease-out.md

rules/easing-exit-ease-in.md

rules/easing-for-state-change.md

rules/easing-linear-only-progress.md

rules/easing-natural-decay.md

rules/easing-no-linear-motion.md

rules/easing-transition-ease-in-out.md

rules/envelope-exponential-decay.md

rules/envelope-no-zero-target.md

rules/envelope-set-initial-value.md

rules/exit-key-required.md

rules/exit-matches-initial.md

rules/exit-prop-required.md

rules/exit-requires-wrapper.md

rules/impl-default-subtle.md

rules/impl-preload-audio.md

rules/impl-reset-current-time.md

rules/mode-pop-layout-for-lists.md

rules/mode-sync-layout-conflict.md

rules/mode-wait-doubles-duration.md

rules/morphing-aria-hidden.md

rules/morphing-consistent-viewbox.md

rules/morphing-group-variants.md

rules/morphing-jump-non-grouped.md

rules/morphing-reduced-motion.md

rules/morphing-spring-rotation.md

rules/morphing-strokelinecap-round.md

rules/morphing-three-lines.md

rules/morphing-use-collapsed.md

rules/native-backdrop-styling.md

rules/native-placeholder-styling.md

rules/native-selection-styling.md

rules/nested-consistent-timing.md

rules/nested-propagate-required.md

rules/none-context-menu-entrance.md

rules/none-high-frequency.md

rules/none-keyboard-navigation.md

rules/param-click-duration.md

rules/param-filter-frequency-range.md

rules/param-q-value-range.md

rules/param-reasonable-gain.md

rules/physics-active-state.md

rules/physics-no-excessive-stagger.md

rules/physics-spring-for-overshoot.md

rules/physics-subtle-deformation.md

rules/prefetch-hit-slop.md

rules/prefetch-keyboard-tab.md

rules/prefetch-not-everything.md

rules/prefetch-touch-fallback.md

rules/prefetch-trajectory-over-hover.md

rules/prefetch-use-selectively.md

rules/presence-disable-interactions.md

rules/presence-hook-in-child.md

rules/presence-safe-to-remove.md

rules/pseudo-content-required.md

rules/pseudo-first-line-styling.md

rules/pseudo-hit-target-expansion.md

rules/pseudo-marker-styling.md

rules/pseudo-over-dom-node.md

rules/pseudo-position-relative-parent.md

rules/pseudo-z-index-layering.md

rules/spring-for-gestures.md

rules/spring-for-interruptible.md

rules/spring-params-balanced.md

rules/spring-preserves-velocity.md

rules/staging-dim-background.md

rules/staging-one-focal-point.md

rules/staging-z-index-hierarchy.md

rules/timing-consistent.md

rules/timing-no-entrance-context-menu.md

rules/timing-under-300ms.md

rules/transition-name-cleanup.md

rules/transition-name-required.md

rules/transition-name-unique.md

rules/transition-over-js-library.md

rules/transition-style-pseudo-elements.md

rules/type-antialiased-on-retina.md

rules/type-disambiguation-stylistic-set.md

rules/type-font-display-swap.md

rules/type-justify-with-hyphens.md

rules/type-letter-spacing-uppercase.md

rules/type-no-font-synthesis.md

rules/type-oldstyle-nums-for-prose.md

rules/type-opentype-contextual-alternates.md

rules/type-optical-sizing-auto.md

rules/type-proper-fractions.md

rules/type-slashed-zero.md

rules/type-tabular-nums-for-data.md

rules/type-text-wrap-balance-headings.md

rules/type-text-wrap-pretty.md

rules/type-underline-offset.md

rules/type-variable-weight-continuous.md

rules/ux-aesthetic-usability.md

rules/ux-cognitive-load-reduce.md

rules/ux-common-region-boundaries.md

rules/ux-doherty-perceived-speed.md

rules/ux-doherty-under-400ms.md

rules/ux-fitts-hit-area.md

rules/ux-fitts-target-size.md

rules/ux-goal-gradient-progress.md

rules/ux-hicks-minimize-choices.md

rules/ux-jakobs-familiar-patterns.md

rules/ux-millers-chunking.md

rules/ux-pareto-prioritize-features.md

rules/ux-peak-end-finish-strong.md

rules/ux-postels-accept-messy-input.md

rules/ux-pragnanz-simplify.md

rules/ux-progressive-disclosure.md

rules/ux-proximity-grouping.md

rules/ux-serial-position.md

rules/ux-similarity-consistency.md

rules/ux-teslers-complexity.md

rules/ux-uniform-connectedness.md

rules/ux-von-restorff-emphasis.md

rules/ux-zeigarnik-show-incomplete.md

rules/visual-animate-shadow-pseudo.md

rules/visual-border-alpha-colors.md

rules/visual-button-shadow-anatomy.md

rules/visual-concentric-radius.md

rules/visual-consistent-spacing-scale.md

rules/visual-layered-shadows.md

rules/visual-no-pure-black-shadow.md

rules/visual-shadow-direction.md

rules/visual-shadow-matches-elevation.md

rules/weight-duration-matches-action.md

rules/weight-match-action.md

SKILL.md

markdown13.8 KBentry

Open file

rules/prefetch-use-selectively.md

Syntax-highlighted preview of this file as included in the skill package.

Rendered Source

markdown14 linesFree

Use Predictive Prefetching Selectively

Predictive prefetching doesn't belong in every project. Use it where navigation latency is noticeable.

Good use cases: data-heavy dashboards, multi-page apps with slow API responses, e-commerce product pages.

Bad use cases: static sites with instant navigation, single-page apps with all data preloaded.