본문으로 건너뛰기
cccskills

'navigation' 검색 결과

919건 · 관련도순

Visualises and validates a map's pedestrian navigation mesh by sampling walkable locations (get_random_location_from_navigation) and drawing them as debug points. Use when the user asks to "show/visualise the pedestrian navmesh", "check walkable areas", "validate pedestrian navigation after a map import", or "why won't my walkers move". Confirms the navmesh loaded and how far it covers.

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

carla-simulator/carla-agentic-tools42026년 9월 12일 업데이트

visionOS / iOS 空間コンピューティング。RealityKit、ARKit、visionOS SwiftUI、USDKit、Spatial Preview。 Entity, ModelEntity, AnchorEntity, Component, System, RealityView, MeshResource, Material, EntityAction, MeshDeformerComponent, GaussianSplatComponent, ComputeGraphComponent, ComputeNodeGraph, PhysicsJointsComponent, ForceEffectComponent, ClothBodyComponent, NavigationComponent, NavigationMeshComponent, NavigationController, USDStage, SpatialPreviewSession, ImmersiveSpace, ImmersionStyle, WindowGroup, VolumetricWindowStyle, Model3D, ARKitSession, ARSession, ARWorldTrackingConfiguration, WorldTrackingProvider, HandTrackingProvider, ImageTrackingProvider, AccessoryTrackingProvider, CameraFrameProvider, ObjectTrackingProvider, RoomTrackingProvider, SceneReconstructionProvider。

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

Fandhe-AI/agent-reference-skills42026년 10월 20일 업데이트

When the user wants to plan, map, or restructure their website's page hierarchy, navigation, URL structure, or internal linking. Also use when the user mentions "sitemap," "site map," "visual sitemap," "site structure," "page hierarchy," "information architecture," "IA," "navigation design," "URL structure," "breadcrumbs," "internal linking strategy," "website planning," "what pages do I need," "how should I organize my site," or "site navigation." Use this whenever someone is planning what pages a website should have and how they connect. NOT for XML sitemaps (that's technical SEO — see seo-audit). For SEO audits, see seo-audit. For structured data, see schema-markup.

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

mostafasudo/appilot32026년 9월 14일 업데이트

Flutter state management expert with BLoC/Cubit, Riverpod, Provider, and Navigation 2.0 (GoRouter). Activate on: Flutter state management, BLoC pattern, Cubit, Riverpod, Provider, GetX, GoRouter, Flutter navigation, flutter_bloc. NOT for: React Native (use react-native-architect), SwiftUI (use swiftui-data-flow-expert), Jetpack Compose (use jetpack-compose-navigation-expert).

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

curiositech/port-daddy32026년 10월 19일 업데이트

Implement WCAG 2.2 AA/AAA compliance with automated testing, keyboard navigation, screen reader support, and focus management. Activate on: accessibility audit, WCAG compliance, keyboard navigation, screen reader, aria attributes, axe-core, focus trap. NOT for: design-level accessibility review (use design-accessibility-auditor), color contrast only (use css-in-js-architect).

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

curiositech/port-daddy32026년 10월 19일 업데이트

frontend-patterns

무료요약 있음AI 평가 80점

React와 Next.js 화면의 구현과 검토를 지원합니다. 컴포넌트 조합, 상태 관리, 데이터 가져오기, 표시 속도, 폼 검증과 키보드·포커스 동작 개선 패턴을 제공합니다.

  • 재사용하기 쉬운 React 컴포넌트 정리
  • 상태 관리와 데이터 가져오기 검토
  • 긴 목록의 표시 속도 개선
affaan-m/ECC28.5만2026년 10월 21일 업데이트

frontend-a11y

무료요약 있음AI 평가 100점

React와 Next.js의 폼과 모달을 키보드와 화면 낭독기로 사용할 수 있도록 돕습니다. 레이블, 오류 표시, 포커스 이동을 구현하고 점검합니다.

  • 폼 레이블과 오류 표시를 개선합니다
  • 드롭다운의 키보드 조작을 점검합니다
  • 모달을 열고 닫을 때 포커스를 관리합니다
affaan-m/ECC28.5만2026년 10월 21일 업데이트

angular-developer

무료요약 있음AI 평가 90점

Angular 화면과 서비스를 만들고 상태 관리, 폼, 화면 이동을 설계합니다. 프로젝트 버전에 맞는 구현 방식을 선택하고 테스트 작성과 빌드 확인을 지원합니다.

  • 새 Angular 앱을 시작할 때
  • 폼과 상태 관리를 구현할 때
  • 화면 이동과 접근 제어를 설계할 때
affaan-m/ECC28.5만2026년 10월 21일 업데이트

web-artifacts-builder

Claude 공식무료

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
anthropics/skills18.3만2026년 10월 10일 업데이트

browse

무료요약 있음AI 평가 70점

브라우저에서 웹페이지를 열고 화면 이동과 양식 입력 흐름을 확인합니다. 화면 너비별 스크린샷, 조작 전후의 페이지 차이, 콘솔 오류를 기록합니다.

  • 화면 이동과 양식 입력 흐름 확인
  • 기기별 화면 너비로 스크린샷 촬영
  • 페이지 이미지와 콘솔 오류 기록
garrytan/gstack13.7만2026년 10월 20일 업데이트

open-gstack-browser

무료요약 있음AI 평가 70점

AI가 조작하는 GStack Browser를 화면에 표시해 실행합니다. 사이드 패널에서 실시간 조작 기록을 보고 채팅으로 페이지 이동, 클릭, 입력과 내용 읽기를 요청합니다.

  • AI의 브라우저 조작 관찰
  • 채팅으로 페이지 이동과 입력 요청
  • 품질 검사와 디자인 검토 중 조작 확인
garrytan/gstack13.7만2026년 10월 20일 업데이트

wireframe-greybox

무료요약 있음AI 평가 100점

데스크톱 대시보드 구성을 회색 블록으로 표현한 단일 HTML 와이어프레임을 만듭니다. 색상과 사진을 정하기 전에 정보 우선순위와 배치를 확인할 수 있습니다.

  • 대시보드 배치 검토
  • 탐색 메뉴와 정보 우선순위 검토
  • KPI·차트·표 배치 검토
nexu-io/open-design10.3만2026년 10월 21일 업데이트

docs-page

무료요약 있음AI 평가 90점

가이드나 API 참고 문서를 탐색 메뉴, 본문, 목차의 세 열로 설계하고 코드 예시와 표를 담은 단일 HTML 페이지로 시제품을 만듭니다.

  • API 참고 문서 시제품 제작
  • 코드 예시가 있는 튜토리얼 작성
  • 페이지 내 목차가 있는 가이드 설계
nexu-io/open-design10.3만2026년 10월 21일 업데이트

dating-web

무료요약 있음AI 평가 90점

연애·매칭 서비스나 커뮤니티의 수치를 주요 지표와 차트로 보여 주는 데스크톱 화면을 차분한 지면 스타일의 단일 HTML로 만듭니다.

  • 연애 서비스 관리 화면을 시제품으로 만듭니다
  • 커뮤니티 활동 현황을 보여 줍니다
  • 상호 매칭 수와 매칭률 추이를 표시합니다
nexu-io/open-design10.3만2026년 10월 21일 업데이트

ppt-keynote

무료요약 있음AI 평가 100점

제품 소개나 발표 내용을 넓은 여백과 큰 제목을 활용한 Keynote 스타일 웹 슬라이드로 만듭니다. 방향키와 스페이스 키로 넘기고 페이지 번호도 표시합니다.

  • 제품 소개 슬라이드 제작
  • 발표용 웹 자료 준비
  • 데이터 도표를 한 장으로 보여 주기
nexu-io/open-design10.3만2026년 10월 21일 업데이트

swiss-user-research-video-template

무료요약 있음AI 평가 90점

사용자 조사의 배경, 참여자 구성, 행동 패턴과 근거를 세 장의 HTML 슬라이드로 정리합니다. 따뜻한 종이 색감의 스위스 스타일에 도표와 절제된 움직임을 더합니다.

  • 사용자 조사를 세 장으로 보고합니다
  • 참여자 구성을 도넛 차트로 표시합니다
  • 행동 패턴과 근거를 나란히 설명합니다
nexu-io/open-design10.3만2026년 10월 21일 업데이트

editorial-burgundy-principles-template

무료요약 있음AI 평가 90점

기업 문화와 전략, 행동 원칙을 소개하는 세 장의 HTML 슬라이드를 만듭니다. 버건디, 연분홍, 차분한 금색에 큰 글자와 태그, 여덟 개의 원칙 카드를 배치합니다.

  • 기업 문화 소개
  • 여덟 가지 행동 원칙 공유
  • 태그로 스튜디오의 특징 표현
nexu-io/open-design10.3만2026년 10월 21일 업데이트

Create a custom offline page and configure a service worker, a browser background script, to cache it in advance. Show it when page navigation fails, and review resource dependencies and fallback conditions.

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

  • Add an offline page to a PWA
  • Guide users during connection loss
  • Review offline page caching
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review pagination markup so people using screen readers or keyboards can understand their current page and move between pages. Check navigation labels, current-page attributes, focusable controls, and announcements when the page changes.

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

  • Reviewing pagination in search results
  • Checking keyboard navigation between pages
  • Improving screen reader labels for pagination
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

listitem

무료

Review HTML list structure so screen readers can identify lists and announce item counts. Find list items without valid containers, check custom accessibility roles, and guide fixes to markup used for navigation or styling.

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

  • Review list markup split across components
  • Fix navigation lists with invalid nesting
  • Check parent roles for custom lists
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review a page to ensure it has exactly one main landmark, the region identifying its primary content. Find missing or duplicate main regions and get corrections that give assistive technology users a clear navigation target.

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

  • Checking the main region in a page template
  • Fixing duplicate main regions in combined layouts
  • Reviewing navigation to primary content with a screen reader
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review page landmarks, the named regions screen reader users navigate between. The skill checks semantic HTML elements, a single main content region, and labels for repeated region types, then identifies markup changes and ways to verify them.

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

  • Reviewing page structure for screen reader navigation
  • Replacing generic containers with semantic HTML elements
  • Checking labels for multiple navigation regions
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review web page headings for skipped levels and unclear hierarchy. Identify specific elements to adjust, explain how heading structure supports screen reader navigation, and describe how to verify the revised page with accessibility tools.

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

  • Checking heading levels across a web page
  • Reviewing heading structure in shared components
  • Improving navigation through screen reader heading lists
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review rendered HTML and replace generic div elements with elements that describe their purpose, such as main, nav, and article. Clarify page structure to support screen-reader navigation, search-engine understanding, and code maintenance.

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

  • Reviewing page structure built mostly with div elements
  • Checking HTML output from templates and shared components
  • Improving page structure for screen-reader navigation
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트