Build a drag-to-reorder priority stack with Tailwind CSS: a list of items each with a drag handle, a rank badge (1, 2, 3…) that renumbers live as items move, and a title; support pointer dragging with a drop indicator line between items, plus keyboard reordering (focus the handle, space to lift, arrows to move, space to drop) with aria announcements of the new position. Animate items sliding into place, persist the order on drop, and announce moves politely to screen readers without stealing focus.
提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。