'interactive' 검색 결과

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.

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

• Building interactive interfaces with multiple components
• Creating artifacts with state management and navigation
• Developing interfaces with shadcn/ui components

mcp-use로 AI가 외부 작업과 데이터를 이용하는 MCP 서버를 설계하고 구현하도록 안내합니다. 인증, 조작 화면, 오류 처리와 배포를 다룹니다.

• 새 MCP 서버 만들기
• 작업·데이터·재사용 프롬프트 추가
• 목록과 선택을 위한 React 화면 구현

ChatGPT 안에서 조작하는 앱의 구상부터 React 위젯과 상태 공유 구현까지 안내합니다. 현재는 사용이 권장되지 않으며 후속 스킬로 전환하도록 안내합니다.

• ChatGPT 앱의 기능 정리
• 서버와 연동하는 화면 구현
• 화면 상태를 ChatGPT와 공유

mcp-use로 MCP 서버의 작업, 데이터, 재사용 프롬프트와 조작 화면을 설계하는 이전 가이드입니다. 현재는 사용이 권장되지 않으며 mcp-app-builder로 전환하도록 안내합니다.

• 기존 mcp-use 서버 구조 파악
• Tool·Resource·Prompt 예시 확인
• 대화형 Widget 설계 검토

여러 소셜 플랫폼의 지표를 하나의 HTML 분석 대시보드로 만듭니다. 그래프 상세 정보와 기간 비교, 밝고 어두운 테마 전환을 제공하고 디자인 지침을 반영합니다.

• 여러 소셜 플랫폼 지표를 한곳에서 확인
• 그래프에서 선택한 기간 비교
• 그래프의 각 지점과 분석 내용 확인

굵은 제목과 기하학적 카드를 활용해 스위스 스타일의 발표형 페이지를 단일 HTML 파일로 만듭니다. 슬라이드 이동, 테마와 강조색 전환, 주석 표시도 넣을 수 있습니다.

• 발표 형식의 소개 페이지 제작
• 스위스 스타일 HTML 슬라이드 제작
• 조작 가능한 제품 발표 페이지 제작

글과 자료를 모은 LLM wiki를 분석해 명시된 링크와 내용에서 추론한 관계를 대화형 지식 그래프로 정리합니다. 글, 주제, 주장, 원본 자료의 연결을 탐색합니다.

• 위키 글 사이의 연결 확인
• 명시된 링크 밖의 관련 내용 탐색
• 글과 원본 자료를 주제별로 살펴보기

코드, 설정, 문서를 분석해 구성 요소와 의존 관계를 대화형으로 탐색하는 그래프를 만듭니다. 일본어 설명 생성과 변경 내용에 따른 갱신도 지원합니다.

• 처음 접하는 프로젝트 구조 파악
• 구성 요소 사이의 의존 관계 확인
• 설계 설명을 일본어로 생성

Figma 파일을 분석해 페이지, 화면, 컴포넌트와 공통 디자인 값의 관계를 그래프로 정리합니다. 대화형 대시보드에서 디자인 구조를 확인할 수 있습니다.

• Figma 파일의 전체 구조 파악
• 컴포넌트와 인스턴스 배치 관계 확인
• 공통 디자인 값의 사용 현황 확인

코드에서 업무 영역과 흐름, 개별 단계를 추출해 조작 가능한 가로형 흐름도로 보여 줍니다. 기존 지식 그래프를 활용하거나 가볍게 코드를 스캔합니다.

• 코드에 구현된 업무 흐름 파악
• 업무 영역과 단계 사이의 연결 시각화
• 기존 지식 그래프를 업무 관점으로 정리

사용 가능한 스킬 중 한 개에서 세 개를 조합해 의외성 있는 작품을 만듭니다. 관심사나 계절에 맞춰 자료 또는 직접 즐길 수 있는 웹 경험을 제작합니다.

• 예상 밖의 작품에서 창작 영감 얻기
• 보유한 스킬의 조합 시도
• 직접 즐길 수 있는 웹 경험 제작

명령줄에서 OmniRoute의 A2A 서버로 작업을 보냅니다. 실행 이력과 로그를 조회하고 작업을 감시하거나 취소하며 에이전트 간 통신을 테스트합니다.

• 서버 상태와 사용 가능한 스킬 확인
• JSON 입력으로 스킬 호출
• 작업 실행 이력과 로그 조회

터미널에서 LLM에 질문하고 답변을 실시간으로 표시하거나 대화를 이어갑니다. 파일과 표준 입력을 사용하고 모델과 시스템 프롬프트를 지정할 수 있습니다.

• 터미널에서 AI에 질문
• 파일 내용을 질문 입력으로 사용
• 답변을 실시간으로 표시하고 파일로 저장

Set up Ruflo in a new repository using an interactive wizard or the standard preset. Create project instructions and configuration files, including MCP server registration so the agent can access the ruflo tools.

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

• Introduce Ruflo into a new repository
• Set up a project with an interactive wizard
• Initialize configuration using the standard preset

Review website animations against users’ reduced motion preferences, a setting that requests less movement. Check flashing content, scrolling effects, alternative transitions, pause controls, and advance warnings, and identify changes needed in rendered pages and interactive states.

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

• Checking support for reduced motion settings
• Reviewing flashing content frequency
• Finding alternatives to scrolling effects

Review whether interactive web elements work with keyboard navigation. Check Tab order, hidden elements, and focus traps where users cannot move away, then identify specific fixes and ways to verify behavior with browser accessibility tools or assistive technology.

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

• Check whether all controls are reachable with Tab
• Align keyboard focus order with the visual reading order
• Remove hidden content from the Tab sequence

Review links, buttons, and form fields for duplicate HTML IDs. Identify affected controls, suggest unique IDs, and explain how to verify keyboard navigation, focus movement, and screen reader behavior after the fix.

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

• Checking HTML IDs in forms
• Investigating unexpected keyboard focus
• Reviewing shared interactive components

Check buttons, links, and other controls for clear accessible names, the labels used by assistive technology. Identify missing or vague names and suggest descriptive text or aria-label attributes that explain each action or destination.

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

• Find buttons and links with missing names
• Replace vague labels with descriptive wording
• Review accessible names in shared components

Review ARIA attributes, which describe interface elements to assistive technology, for invalid values and missing ID references. Get specific corrections and guidance for checking that element states and labels are communicated correctly.

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

• Checking ARIA values in interactive components
• Finding missing IDs referenced by ARIA attributes
• Reviewing accessibility fixes before release

Check a page for duplicate accesskey values, which define keyboard shortcuts for elements. Identify conflicting assignments, suggest unique values or removal, and describe how to verify keyboard behavior with browser accessibility tools or assistive technology.

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

• Finding duplicate keyboard shortcut assignments
• Reviewing keyboard access to interactive elements
• Checking accessibility after shortcut changes

Learn to examine compiled programs through one interactive lesson per session. Labs and quizzes cover file formats, machine instructions, program behavior, and analysis tools, while recorded observations provide evidence for completing each lesson and resuming later.

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

• Learn to read programs you compiled yourself
• Study binary formats and machine instructions
• Check analysis claims against observed output

Learn to create, discover, invoke, secure, evaluate, package, and port Agent Skills through one interactive lesson at a time. Practical checkpoints and quizzes track demonstrated progress in a local file, so later sessions resume where you stopped.

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

• Learn to build and invoke a minimal Agent Skill
• Understand discovery and automatic routing
• Check permission, sandbox, and trust boundaries

Prepare for the MCPA certification through interactive lessons, local Python labs, diagnostic assessments, and mock exams. Track progress, revisit weak domains, and resume learning, with guided support for learners who do not write code.

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

• Starting an MCPA study plan
• Resuming the next unfinished lesson
• Learning through guided no-code labs