본문으로 건너뛰기
cccskills

'drag' 검색 결과

259건 · 관련도순

Automate Appdrag tasks via Rube MCP (Composio). Always search tools first for current schemas.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

ranbot-ai/awesome-skills72026년 10월 20일 업데이트

motion

무료

Build React animations with Motion (Framer Motion) - gestures (drag, hover, tap), scroll effects, spring physics, layout animations, SVG. Bundle: 2.3 KB (mini) to 34 KB (full). Use when: drag-and-drop, scroll animations, modals, carousels, parallax. Troubleshoot: AnimatePresence exit, list performance, Tailwind conflicts, Next.js "use client".

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

fellipeutaka/denji62026년 8월 3일 업데이트

vr-canvas

무료

Generate a single-file VR-style portfolio website — works are tiled on the inside of a 3D cylinder/sphere (concave wraparound, like an immersive headset), with mouse-controlled head tilt, long-press to drag and browse the infinite canvas, click to open work detail. Includes overlays for About / CV / Contact / Filter. Takes a natural-language description of the studio and works (images + brief copy); outputs ONE working .html file. Runs in BOTH Claude Code (writes to ~/Desktop) and GLM / online chat (outputs HTML inline). Trigger phrases: "做个 VR 作品集", "做个无限画布作品集", "做个穹顶包裹的作品集", "vr-canvas-gen ...", or when user drags this skill folder into chat asking for a wraparound/immersive portfolio site.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

WyvernCW/Monich32026년 6월 20일 업데이트

Automate Appdrag tasks via Rube MCP (Composio). Always search tools first for current schemas.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

q2805187159/Anvil32026년 6월 24일 업데이트

esign-field-placement

무료요약 있음AI 평가 90점

웹 전자 서명 화면에서 서명·날짜·텍스트 필드를 숫자 좌표로 배치하는 절차를 정리합니다. 서명자별 필드 배정을 확인하고 전송 전 초안과 스크린샷 검토를 다룹니다.

  • 생성한 계약서의 서명 필드 준비
  • 필드에 배정된 서명자 확인
  • 검토용 초안과 스크린샷 보관
affaan-m/ECC28.6만2026년 10월 21일 업데이트

pretext

무료요약 있음AI 평가 90점

글자 위치를 미리 계산해 움직이는 도형을 피하는 문장, 클릭하면 흩어지는 글자, 단어 게임과 여러 줄 글에 맞는 카드를 단일 HTML로 만듭니다.

  • 움직이는 도형을 피하는 글을 만듭니다
  • 클릭하면 글자가 흩어지게 합니다
  • 단어나 글자로 게임을 만듭니다
NousResearch/hermes-agent25.6만2026년 10월 21일 업데이트

computer-use

무료요약 있음AI 평가 90점

Hermes로 데스크톱 앱의 클릭과 입력을 백그라운드에서 수행합니다. 사용자 작업을 덜 방해하면서 화면과 결과를 확인하고, 반응이 없으면 조작 방식을 바꿉니다.

  • 다른 창에서 작업하며 앱을 자동 조작합니다
  • 앱의 입력란과 버튼을 조작합니다
  • 브라우저 대화상자와 확장 팝업을 조작합니다
NousResearch/hermes-agent25.6만2026년 10월 21일 업데이트

ui-animation

무료요약 있음AI 평가 90점

버튼과 메뉴 등 화면의 애니메이션을 설계·구현·검토해 반응과 움직임을 다듬습니다. 녹화에서 속도 변화와 스프링 움직임을 분석하고 재현 코드와 구현 명세를 정리합니다.

  • 버튼과 메뉴에 움직임 추가
  • 녹화 속 화면 애니메이션 재현
  • 느린 반응과 끊김 원인 조사
nexu-io/open-design10.3만2026년 10월 21일 업데이트

kanban-board

무료요약 있음AI 평가 90점

할 일, 진행 중, 검토 중, 완료 열에 작업 카드를 배치하는 HTML 칸반 화면을 시제품으로 만듭니다. 담당자, 예상 포인트, 스프린트 진행 상황을 한눈에 보여 줍니다.

  • 팀 스프린트 보드 시제품 제작
  • 담당자와 예상 포인트를 보는 화면 설계
  • 필터와 검색이 있는 보드 화면 검토
nexu-io/open-design10.3만2026년 10월 21일 업데이트

emil-design-eng

무료요약 있음AI 평가 100점

버튼과 알림 등의 세부 동작을 검토하고 조작에 맞는 움직임과 반응을 설계합니다. 애니메이션 필요성부터 CSS 구현, 접근성까지 살펴봅니다.

  • 애니메이션이 필요한지 판단합니다
  • 버튼과 알림의 조작감을 다듬습니다
  • 변경 전후의 UI 코드를 비교합니다
nexu-io/open-design10.3만2026년 10월 21일 업데이트

remotion-interactivity

Remotion 공식무료

Structure Remotion code so elements remain editable in Studio. Follow markup patterns that support selection, dragging, resizing, rotation, style changes, and animation keyframes, including editable SVG shapes and their transitions.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Making titles and images editable in Studio
  • Keeping animation keyframes editable
  • Editing SVG shapes and their transitions visually
remotion-dev/remotion6.6만2026년 10월 21일 업데이트

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/agents4.1만2026년 10월 20일 업데이트

Apply 12 structured investing frameworks to evidence already collected. Each framework orders the questions to ask, defines reasons to reject a case, and identifies its limitations, helping explain why different approaches reach different conclusions.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Assess the same company through two or three frameworks
  • Check the evidence behind an appealing growth story
  • Identify conditions that rule out an investment case
HKUDS/Vibe-Trading3.6만2026년 10월 21일 업데이트

Operate apps and websites by inspecting screenshots, clicking controls, typing, and dragging. Use it to fill forms, check layouts, and test complete user flows, with recorded actions available for replay and review.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Fill forms and use file upload dialogs
  • Test buttons and complete user flows
  • Check layouts and capture screenshots
trycua/cua3.1만2026년 10월 21일 업데이트

Build a custom cmux sidebar from a plain-language request, showing live workspaces, tabs, pull requests, or a clock. It creates and validates the sidebar file, enables the beta feature, and supports clickable actions, reordering, and updates on save.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Creating a workspace switcher sidebar
  • Showing tabs and PR status in one sidebar
  • Adding a clock and unread counts
manaflow-ai/cmux2.8만2026년 10월 21일 업데이트

Investigate cmux interface and runtime problems using debug logs, profiling, and the Debug menu. It guides changes to terminal rendering and tab lists, with checks for typing latency, SwiftUI state handling, and differences between macOS versions.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Investigating focus and tab switching problems
  • Checking typing latency after rendering changes
  • Tuning layout and colors through Debug windows
manaflow-ai/cmux2.8만2026년 10월 21일 업데이트

Verify desktop UI changes through the Chrome DevTools Protocol, a connection for controlling the running app. Reproduce the user’s actual steps and compare screenshots, measured state, and console errors to establish evidence before and after a fix.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Reproducing reported bugs in the running app
  • Comparing UI behavior before and after a fix
  • Checking state across navigation and reopening
superset-sh/superset1.5만2026년 10월 21일 업데이트

Design a Trello-style task board with four progress columns, filter controls, and cards showing labels, due dates, assignees, and comment counts. Optional grouped rows organize work by larger initiatives or assignees, with cards styled to look draggable.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Designing a task board for a team
  • Showing review status alongside task progress
  • Grouping tasks by assignee or larger initiative
nexu-io/html-anything9.2천2026년 10월 13일 업데이트

Plan and carry out wireless security assessments, from surveying nearby networks to checking authentication weaknesses and recording findings. Covers personal and enterprise Wi-Fi, rogue access points, and testing considerations for Wi-Fi 6, 6E, and 7.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Planning a corporate Wi-Fi security assessment
  • Reviewing WPA2 and WPA3 authentication weaknesses
  • Testing enterprise Wi-Fi against rogue access points
SnailSploit/Claude-Red7.7천2026년 10월 13일 업데이트

canvas2d-data-visualization

Codex 공식무료

Build dense, frequently updated charts with Canvas2D, including zooming, clicking, and dragging. Guides rendering performance, mobile interactions, and the use of SVG or HTML for labels, controls, and accessibility.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Build a scatterplot with a million points
  • Add selection and zoom to a timeline
  • Move an SVG heatmap to Canvas while preserving labels
openai/plugins7.5천2026년 10월 8일 업데이트

Build chapter-based pages that move sideways as visitors scroll vertically. Deriving each scene from scroll position keeps reverse scrolling, jumps, and reloads consistent, with guidance for transitions, chapter links, keyboard controls, and reduced motion.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Building a horizontal product tour
  • Creating a chapter-based scrolling story
  • Fixing scene mismatches after jumps or reloads
MengTo/Skills6.9천2026년 10월 18일 업데이트

Build a Three.js object viewer with a gentle camera lean on hover and a click-to-inspect mode. Visitors can rotate and zoom the object, then return it to its original position using mouse, touch, or keyboard controls.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Add interactive inspection to a 3D product showcase
  • Let visitors rotate and examine joinery details
  • Add touch and keyboard controls to portfolio objects
MengTo/Skills6.9천2026년 10월 18일 업데이트

peekaboo

OpenClaw 공식무료

Automate macOS apps by capturing screenshots, inspecting interface elements through Accessibility, and performing clicks, typing, scrolling, or dragging. Target specific windows, use supported background operations, and verify the interface after changes.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Capture and inspect a specific app window
  • Automate text entry and clicks in macOS apps
  • Operate supported windows in the background
openclaw/Peekaboo5.4천2026년 10월 21일 업데이트

Analyze Google Ads Quality Score, a keyword-level quality rating, across expected click-through rate, ad relevance, and landing page experience. Identify weak components and their causes, then prioritize fixes by potential click-cost savings and conversion impact.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Monthly reviews of keyword Quality Scores
  • Investigating unexplained increases in click costs
  • Checking quality changes after landing page updates
irinabuht12-oss/marketing-skills5.2천2026년 10월 13일 업데이트