본문으로 건너뛰기
cccskills

'js' 검색 결과

6.2천건 · 관련도순

Add, review, or fix JavaScript interop in Blazor components. USE FOR: calling JavaScript from Blazor, calling .NET from JavaScript, collocated .razor.js modules, IJSRuntime, IJSObjectReference lifecycle, DotNetObjectReference, ElementReference, timing rules for when JS is available, IAsyncDisposable disposal of JS references, server-side JS interop safety. DO NOT USE FOR: general Blazor component authoring without JS interop needs (use author-component), forms (use collect-user-input).

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

managedcode/dotnet-skills4902026년 10월 20일 업데이트

コミュニケーション診断ツール(commu-checker)の各タイプ向け、90日トレーニングコンテンツを生成するスキル。 ユーザーが「D1型のトレーニングを作って」「〇〇型の90日プランを作りたい」「training-data.jsに追加したい」 「コミュ診断のトレーニングページ」などと言ったときに必ず使う。 タイプ定義・観察メモを受け取り、既存サイト(M PLUS Rounded 1c・グリーン基調・Material Icons)に合わせた インタラクティブなチェックリスト用HTMLコンテンツを training-data.js の TRAINING_PAGES オブジェクトに追加する形で出力する。 トレーニングは trainings/index.html + trainings/training-app.js + trainings/training-data.js の3ファイル構成。 個別の <type>.html は存在せず、URL の ?type=d1 などのパラメータで表示タイプを切り替える。

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

kaku3/workbooks1442026년 10월 17일 업데이트

吉里吉里Z (krkrz) の SDL3 / WINVER ビルドを REPL 経由でエージェントから駆動するためのリファレンス。krkrz を起動して TJS スクリプトを評価・検証・デバッグする、startup.tjs を介さず明示的に処理を開始する、入力イベント (キー/マウス) を注入する、画面をキャプチャして目視確認する、Elements ダイアログを観測・操作する、例外やダイアログ表示をコンソールで観測する、コアデモ全シーンを自動巡回してキャプチャで表示確認する (-demotest / -demotestcap)、といった場面で使う。**外部エージェントは console(CONIN$) に打てないので -replfile ファイルチャネルが本命**。起動フラグ (-repl / -replfile / -nostartup / -loglevel / -display / -ignoremouse)、ファイルチャネルのプロトコル、Agent API (入力注入 / captureScreen / dialogs / dialogClick)、ドットコマンド (.cap/.dlg/.click/.mem 等)、REPL 駆動時の挙動変更 (例外で即終了しない / inform と例外ダイアログがコンソールに出る) を網羅。TJS2 言語仕様そのものは skill `tjs2`、本体クラス API は skill `krkrz` を参照。

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

wamsoft/krkrz_dev102026년 10월 19일 업데이트

node-inspect-debugger

무료요약 있음AI 평가 90점

Node.js 실행을 일시 중지하고 변수와 실행 경로를 조사합니다. 비동기 작업 중단, 간헐적 테스트 실패, 메모리 증가와 CPU 부하의 원인을 찾는 데 사용합니다.

  • 비동기 작업이 멈추는 원인 조사
  • 간헐적으로 실패하는 테스트 조사
  • 시작 시점과 자식 프로세스 문제 조사
openclaw/openclaw39.3만2026년 10월 20일 업데이트

goplaces

무료

Search Google Places for businesses and locations, narrow results by current opening status or rating, and retrieve place details and reviews. Export results as JSON, a structured data format for use in scripts.

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

  • Finding highly rated places that are open now
  • Searching for places near specific coordinates
  • Checking place details and reviews
openclaw/openclaw39.3만2026년 10월 20일 업데이트

swift-actor-persistence

무료요약 있음AI 평가 80점

Swift의 actor로 공유 데이터 접근을 관리하고 메모리 캐시와 JSON 파일 저장을 결합해 동시 접근 시 데이터 경쟁을 피하는 저장 계층을 설계합니다.

  • iOS와 macOS 앱에 데이터를 저장합니다
  • 오프라인 중심 앱의 저장 계층을 설계합니다
  • 잠금 기반 동기화 처리를 대체합니다
affaan-m/ECC28.5만2026년 10월 20일 업데이트

nodejs-keccak256

무료요약 있음AI 평가 90점

JavaScript와 TypeScript에서 Ethereum 해시를 구현하고 점검합니다. Keccak-256과 SHA3의 혼동으로 생기는 함수 식별자, 서명, 주소 계산 오류를 방지합니다.

  • 함수 선택자와 이벤트 식별 정보 계산
  • 서명과 저장 위치의 해시 처리 점검
  • 공개 키에서 주소 계산
affaan-m/ECC28.5만2026년 10월 20일 업데이트

Build a shared animation foundation for React and Next.js with motion/react. Define reusable timing and spring settings, respect reduced-motion preferences, adapt to device performance, and align initial animation states with server-rendered content.

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

  • Standardize animation settings across components
  • Define reusable spring animation presets
  • Respect users' reduced-motion preferences
affaan-m/ECC28.5만2026년 10월 20일 업데이트

har-derived-api-client

무료요약 있음AI 평가 90점

웹사이트 통신을 HAR 파일로 기록하고 JSON을 가져오는 API를 분석해 HTTP 클라이언트를 만듭니다. 브라우저 없이 검색 등의 작업을 다시 실행할 수 있습니다.

  • 웹사이트용 CLI를 만들 때
  • 브라우저 없이 검색을 반복할 때
  • 검색 제안이나 피드 통신을 조사할 때
NousResearch/hermes-agent25.5만2026년 10월 20일 업데이트

design-extract

무료요약 있음AI 평가 80점

소스 코드, Figma 내보내기 데이터, 스크린샷에서 색상·글꼴·간격 등의 디자인 설정을 모아 출처와 사용 위치를 기록한 JSON으로 정리합니다.

  • 코드에 흩어진 디자인 설정 정리
  • Figma 디자인 이전 준비
  • 스크린샷에서 디자인 설정 추출
nexu-io/open-design10.3만2026년 10월 20일 업데이트

design-taste-frontend-v1

무료요약 있음AI 평가 90점

글자 배치, 색상, 여백, 움직임의 구체적인 규칙에 따라 React나 Next.js 화면을 구현합니다. 정보 밀도와 레이아웃을 조정하고 정형화된 외형을 피합니다.

  • 글자 배치가 돋보이는 홍보 페이지를 만듭니다
  • 대시보드 표시와 조작감을 조정합니다
  • 정보 밀도와 움직임의 강도를 조정합니다
nexu-io/open-design10.3만2026년 10월 20일 업데이트

slides

무료요약 있음AI 평가 80점

PptxGenJS로 .pptx 형식의 프레젠테이션을 만들고 편집합니다. 영업 제안, 프로젝트 시작 설명, 디자인 시스템 소개 자료에 사용합니다.

  • 영업 제안용 슬라이드 제작
  • 프로젝트 시작 설명 자료 제작
  • 디자인 시스템 소개
nexu-io/open-design10.3만2026년 10월 20일 업데이트

Send a single request to DeepSeek for summarization, information extraction, or simple classification. Receive the response and token usage as JSON for further processing, with structured status information when the API is unavailable.

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

  • Summarizing text in a single request
  • Extracting information from text
  • Classifying text into simple categories
ruvnet/ruflo7.8만2026년 10월 20일 업데이트

article

무료

Check article pages for structured data, machine-readable details that help search engines understand content. Review required properties, add Article metadata in JSON-LD format, and verify the rendered page and HTTP response for specific implementation gaps.

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

  • Checking structured data on blog articles
  • Adding Article metadata in JSON-LD format
  • Finding missing headlines, images, dates, or authors
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Build HyperFrames animations from small motion recipes, scene templates, and transitions. The skill guides runtime selection, including GSAP, Lottie, and Three.js, and provides an audit script to examine timing and choreography while following HyperFrames requirements for reproducible rendering.

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

  • Combine motion recipes into a scene
  • Build a multi-phase brand reveal from a template
  • Design transitions between scenes
calesthio/OpenMontage7만2026년 10월 17일 업데이트

Integrate GSAP animations into React and Next.js components using useGSAP, element references, and scoped selectors. The skill guides dependency updates, event callbacks, and cleanup when components unmount, while keeping animation code out of server rendering.

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

  • Adding GSAP animations to React components
  • Restricting animations to elements within one component
  • Cleaning up animations when components unmount
calesthio/OpenMontage7만2026년 10월 17일 업데이트

Build editable Three.js worlds from text or structured briefs, with terrain, distinct regions, landmarks, vegetation, and camera paths. Review the environment from multiple viewpoints and refine selected areas while preserving the overall layout and reproducible settings.

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

  • Build a continuous 3D landscape from a written brief
  • Plan a camera fly-through across distinct regions
  • Refine one area's terrain or vegetation placement
calesthio/OpenMontage7만2026년 10월 17일 업데이트

Animate 3D objects in Three.js using timed keyframes, bone movement, and shape changes. Play animations stored in GLTF models, control playback speed and looping, blend actions, and create motion through code.

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

  • Playing animations included in GLTF models
  • Blending idle, walk, and run animations
  • Animating facial expressions and bones
calesthio/OpenMontage7만2026년 10월 17일 업데이트

Style Three.js objects with realistic, cartoon, or custom materials. Choose material types, adjust textures and reflections, create glass or metal effects, and use shader code for custom appearance while considering rendering performance.

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

  • Give 3D objects metal or glass surfaces
  • Create cartoon-style shading
  • Adjust textures and environmental reflections
calesthio/OpenMontage7만2026년 10월 17일 업데이트

d3-viz

무료

Build custom interactive charts, network diagrams, and maps with d3.js. Guides data-driven drawing, tooltips, zooming, animation, responsive sizing, and accessibility, with examples that work in plain JavaScript or frameworks such as React, Vue, and Svelte.

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

  • Building charts with custom layouts and styling
  • Creating network diagrams and geographic visualizations
  • Adding tooltips, zooming, and animated transitions
calesthio/OpenMontage7만2026년 10월 17일 업데이트

Add mouse, touch, and keyboard interaction to Three.js scenes. Implement object picking, camera navigation, dragging, and transform handles, with examples for selection feedback, coordinate conversion, and limiting the cost of interaction checks.

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

  • Select 3D objects with clicks or touch
  • Add camera rotation and zoom controls
  • Drag, rotate, and scale objects
calesthio/OpenMontage7만2026년 10월 17일 업데이트

Configure images and videos as surface textures in Three.js, and use environment images for backgrounds and reflections. Adjust placement, color settings, repetition, and filtering, then manage texture memory through compression, reuse, and disposal.

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

  • Adjust image placement and tiling on 3D surfaces
  • Use HDR images for backgrounds and reflections
  • Apply video or Canvas content to a 3D surface
calesthio/OpenMontage7만2026년 10월 17일 업데이트

Create Three.js shapes, custom meshes, 3D text, and point clouds. Explains vertex editing and geometry utilities, plus instancing, a technique for efficiently drawing many copies of the same shape with different positions, sizes, or colors.

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

  • Creating basic solids and path-based 3D shapes
  • Building and modifying custom meshes
  • Displaying 3D text, point clouds, and wireframes
calesthio/OpenMontage7만2026년 10월 17일 업데이트

Build custom visual effects in Three.js using shaders, programs that control shape and surface appearance. Add animated waves, glowing edges, gradients, or dissolving surfaces, and extend existing materials with custom rendering behavior.

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

  • Animate a surface with wave-like deformation
  • Add glowing edges or gradients
  • Create a dissolving surface effect
calesthio/OpenMontage7만2026년 10월 17일 업데이트