1.4천건 · 관련도순
Gather phase context through adaptive questioning before planning. Use --all to skip area selection and discuss all gray areas interactively. Use --auto to skip interactive questions (Claude picks recommended defaults). Use --chain for interactive discuss followed by automatic plan+execute. Use --power for bulk question generation into a file-based UI (answer at your own pace).
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Test interactive CLI/TUI applications using @microsoft/tui-test. Use when you need to test CLI tools with interactive prompts, TUI rendering, arrow key navigation, or any command that requires a TTY. Triggers include "test CLI", "test TUI", "run interactively", "automate terminal input", "simulate user input in terminal".
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Interactive element picker for web pages. Opens a browser with click-to-select UI overlay. Use when you need to let users visually select DOM elements, identify element selectors, or get detailed element information interactively. Triggers on "select an element", "pick element", "let me choose", "which element", or any interactive element selection task. Integrates with agent-eyes for visual context.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Restructure and enrich the tdmcp documentation site for artists — categorized/collapsible sidebar (EN+PT), interactive goal-based guide home, new step-by-step tutorials, copy-prompt/level-badge components. Use whenever the user asks to make the docs more interactive, easier to navigate, better organized, add categories/subcategories, add tutorials, improve docs UX/IA, or for follow-ups: re-run, continue, fix QA findings, add one more tutorial, re-organize a section, or update the docs structure. NOT for syncing docs with a release (tdmcp-docs-roadmap-update) or cookbook entries (tdmcp-cookbook-examples).
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Interactive element picker for web pages. Opens a browser with click-to-select UI overlay. Use when you need to let users visually select DOM elements, identify element selectors, or get detailed element information interactively. Triggers on "select an element", "pick element", "let me choose", "which element", or any interactive element selection task. Integrates with agent-eyes for visual context.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Generate interactive, animated, responsive HTML-based terminal simulators to showcase CLI commands, scripts, pipelines, or interactive workflows. Use this whenever you need to visually showcase a command line sequence, mock interactive CLI tools, or simulate code executions.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Build interactive "living workflow" flowcharts in the visual style of https://statuesque-starship-49757d.netlify.app/revenue-engine - vanilla HTML/CSS/JS files with a horizontal step bar, a vertical trunk that grows per step, tool-to-tool columns with animated payload pills between brand-marked tool nodes, alternating left/right step descriptions, and per-step outputs. Use whenever the user says "build a flowchart", "interactive flowchart", "living workflow", "revenue engine flowchart", "demand gen flowchart", "GTM workflow diagram", "process diagram with animations", "Nebor-style flowchart", or asks to recreate the workflow visual from the Nebor site. Always asks which flowchart to build (Revenue Engine / Demand Gen / CRM & RevOps / Custom) and waits for explicit approval of the step + tool + edge table before generating any files.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Build interactive HTML/web visualizations with plotly (Python/R), bokeh (Python), and gganimate/plotly frames for animation, with awareness of current Kaleido static-export model (post-orca-EOL), HTML file-size bloat, and the limits of interactive-only output for journal submission. Use when producing zoomable/hoverable plots for notebook EDA, supplementary HTML, dashboards, or animated time-course / iteration visualizations.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Load this skill for every project containing interactive UI elements — buttons, links, modals, dropdowns, sliders, tabs, carousels, or any custom widget. Under no circumstances create an interactive component that cannot be fully operated by keyboard alone. Absolutely always ensure visible focus indicators, logical tab order, and no keyboard traps. Apply these rules to every interactive element without exception.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Expert in building immersive scroll-driven experiences - parallax storytelling, scroll animations, interactive narratives, and cinematic web experiences. Like NY Times interactives, Apple product pages, and award-winning web experiences. Makes websites feel like experiences, not just pages. Use when: scroll animation, parallax, scroll storytelling, interactive story, cinematic website.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Build interactive HTML/web visualizations with plotly (Python/R), bokeh (Python), and gganimate/plotly frames for animation, with awareness of current Kaleido static-export model (post-orca-EOL), HTML file-size bloat, and the limits of interactive-only output for journal submission. Use when producing zoomable/hoverable plots for notebook EDA, supplementary HTML, dashboards, or animated time-course / iteration visualizations.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Build interactive HTML/web visualizations with plotly (Python/R), bokeh (Python), and gganimate/plotly frames for animation, with awareness of current Kaleido static-export model (post-orca-EOL), HTML file-size bloat, and the limits of interactive-only output for journal submission. Use when producing zoomable/hoverable plots for notebook EDA, supplementary HTML, dashboards, or animated time-course / iteration visualizations.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Create interactive, self-contained artifacts like mini-apps, visualizations, calculators, and tools that can be embedded or used standalone. Use when building interactive calculators, creating data visualizations, making mini web apps, building embeddable widgets, creating interactive demos, making tools for specific tasks, or generating standalone HTML/JS applications.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Build interactive HTML/web visualizations with plotly (Python/R), bokeh (Python), and gganimate/plotly frames for animation, with awareness of current Kaleido static-export model (post-orca-EOL), HTML file-size bloat, and the limits of interactive-only output for journal submission. Use when producing zoomable/hoverable plots for notebook EDA, supplementary HTML, dashboards, or animated time-course / iteration visualizations.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
고정된 샘플 데이터와 실제 렌더링 부품으로 OpenClaw 터미널 화면을 시제품으로 만들고, tmux에서 두 개에서 여섯 개의 안을 나란히 조작하며 비교합니다.
편집 전후의 텍스트나 패치로 변경 사항을 비교하는 화면과 PNG 또는 PDF를 만듭니다. 공유 링크나 첨부 파일로 수정 내용을 구체적으로 전달합니다.
코드 구조와 처리 흐름, 성능 차이를 대화형 시각 자료로 설명합니다. OpenClaw 대시보드에 관련 지표와 표를 지속적으로 표시할 수 있습니다.
사람이 직접 해야 하는 서비스 설정과 이전 절차를 대화형 bash 스크립트로 만듭니다. 화면 조작과 비밀 정보 입력, 설정값 저장을 단계별로 안내합니다.
기존 코드에서 색상·글꼴·여백 등의 공통 규칙을 추출하고 디자인 명세와 미리보기를 만듭니다. 화면의 일관성을 열 가지 항목으로 평가하고 수정할 위치도 제시합니다.
열려 있는 tldraw offline 캔버스에 코드로 도표와 와이어프레임을 만듭니다. 다시 불러온 뒤에도 작동하는 버튼, 도형 반응과 애니메이션을 추가할 수 있습니다.
p5.js로 입자의 움직임과 수학적 규칙을 활용한 독창적인 생성 예술을 만듭니다. 시드로 같은 작품을 재현하고 조작 화면에서 수치를 바꾸며 표현을 탐색합니다.
Build complex interactive artifacts for claude.ai with React, Tailwind CSS, and shadcn/ui. Start from a configured project, develop interfaces with state management or navigation, and bundle the result into one shareable HTML file.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
ChatGPT 안에서 조작하는 앱의 구상부터 React 위젯과 상태 공유 구현까지 안내합니다. 현재는 사용이 권장되지 않으며 후속 스킬로 전환하도록 안내합니다.
mcp-use로 AI가 외부 작업과 데이터를 이용하는 MCP 서버를 설계하고 구현하도록 안내합니다. 인증, 조작 화면, 오류 처리와 배포를 다룹니다.