Design and implement interface responses such as button feedback, loading indicators, page transitions, and swipe gestures. Use motion to communicate actions and state changes, with guidance on timing, performance, and support for people who prefer reduced animation.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Adding hover and click feedback to buttons
- Showing loading placeholders and progress indicators
- Creating transitions for pages and interface components
wshobson/agents☆ 4.1만2026년 10월 19일 업데이트
Critique a rendered screen's density — cognitive load, content prioritisation, scanning patterns, and progressive disclosure. Use when a screen feels overwhelming. For the underlying choice-count principle, use `hicks-law` (interaction-design).
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Owl-Listener/designer-skills☆ 3천2026년 9월 6일 업데이트
Critique a rendered screen's affordances — what looks clickable, state visibility, CTA clarity, and action discoverability. Use when reviewing an existing screen. For sizing and positioning targets in new work, use `fitts-law` (interaction-design).
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Owl-Listener/designer-skills☆ 3천2026년 9월 6일 업데이트
Apply the Aesthetic-Usability Effect — polished, consistent interfaces are perceived as more usable and forgive minor friction. Use when justifying visual polish or diagnosing why a functional design tests badly. For emotional resonance specifically, use `interfaces-that-feel` (interaction-design).
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Owl-Listener/designer-skills☆ 3천2026년 9월 6일 업데이트
Design to iOS and Android conventions — what each OS mandates, where they diverge, and when to unify. Use when shipping native apps. For breakpoint adaptation use `responsive-design`; for matching competitor patterns use `jakobs-law` (interaction-design).
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Owl-Listener/designer-skills☆ 3천2026년 9월 6일 업데이트
Design content structure, hierarchy, labelling, and the navigation model. Use when organising what exists. For the UI that exposes it use `navigation-patterns` (interaction-design); for user-generated grouping evidence use `card-sort-analysis` (design-research).
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Owl-Listener/designer-skills☆ 3천2026년 9월 6일 업데이트
Compare UX patterns, features, strengths, and gaps across rival products. Use when you need to know what others actually do. For deliberately adopting their conventions, use `jakobs-law` (interaction-design).
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Owl-Listener/designer-skills☆ 3천2026년 9월 6일 업데이트
Define motion tokens — durations, easing vocabulary, and reduced-motion handling — for consistency product-wide. Use when standardising motion across a system. For crafting one specific animation, use `animation-principles` (interaction-design).
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Owl-Listener/designer-skills☆ 3천2026년 9월 6일 업데이트
Adding integral action to MPC for offset-free tension tracking.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
benchflow-ai/skillsbench☆ 1.9천2026년 10월 13일 업데이트
Generates several distinct, clickable HTML interaction prototypes for one product surface into a Design Board and collects selection/remix feedback before implementation. Use for multiple UI versions, interaction alternatives, progressive-disclosure options, or when styling is fine but hierarchy/workflow/interaction feels off. Not for static visual-style calibration (use design-style-picker) or a settled CSS tweak.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
daymade/claude-code-skills☆ 1.5천2026년 10월 18일 업데이트
Design a wise systems intervention from an existing analysis. Maps proposed actions against Meadows' leverage points, checks for unintended consequences, and generates alternatives.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
GarethManning/education-agent-skills☆ 8782026년 8월 29일 업데이트
Designs user flows, interaction states and mockups for a defined product scope; does not implement UI code.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
levnikolaevich/claude-code-skills☆ 5812026년 10월 18일 업데이트
Creates intuitive user experiences through feedback patterns, microinteractions, and accessible interaction design. Use when designing loading states, error handling UX, animation guidelines, or touch interactions.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
secondsky/claude-skills☆ 2312026년 9월 28일 업데이트
Adding integral action to MPC for offset-free tension tracking.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
agentscope-ai/PawBench☆ 1182026년 8월 3일 업데이트
Design a wise systems intervention from an existing analysis. Maps proposed actions against Meadows' leverage points, checks for unintended consequences, and generates alternatives.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
nota-america/forgecat-agent-profiles☆ 912026년 9월 24일 업데이트
Use when designing interface states, feedback, hover/focus/press, gestures, direct manipulation, navigation transitions, loading/error/empty behavior, or deciding where interaction should carry the design concept.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Lrinvl1203/world-class-web-design-os☆ 82026년 10월 2일 업데이트
Design low-friction UX, interaction patterns, and comeback loops for AI coding assistant apps, agent consoles, background coding agents, and Port Daddy swarm/operator surfaces. Use when creating flows like prompt-to-diff, context attach, plan/apply/review, checkpoint rollback, background-agent dashboards, visual proof, or multi-agent invocation. NOT for generic landing pages, static dashboards, or implementation-only changes without product flow.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
curiositech/port-daddy☆ 32026년 10월 18일 업데이트