'js' 검색 결과

Build Vue 3 applications using JavaScript and JSDoc comments that describe data types. Create components and reusable logic, configure Vite, routing, and state management, and check annotations and behavior with ESLint and Vitest.

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

• Build Vue 3 interfaces using JavaScript
• Add JSDoc type hints to components and shared logic
• Migrate Vue 2 Options API code to Composition API

Build, debug, and refactor JavaScript applications for browsers and Node.js. Covers asynchronous tasks with async/await, module organization, performance checks, and test creation, with explicit error handling and modern ES2023+ syntax.

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

• Build a vanilla JavaScript application
• Fix errors in asynchronous API requests
• Organize code into ESM modules

CodexBar의 로컬 비용 로그에서 Codex나 Claude의 비용을 모델별로 집계하고, 최근 대표 모델이나 전체 모델의 내역을 텍스트 또는 JSON으로 확인합니다.

• 최근 대표 모델의 비용을 확인합니다
• 전체 모델의 사용 비용을 비교합니다
• 내보낸 비용 로그를 집계합니다

Node.js, Express, Next.js의 서버 개발에 사용할 패턴을 제공합니다. API 설계, 데이터 조회, 캐시, 인증, 오류 처리를 정리하고 데이터 접근과 업무 규칙을 분리합니다.

• API 설계와 서버 처리 역할 분담
• 불필요한 데이터베이스 쿼리 줄이기
• 캐시 및 비동기 처리 도입

NestJS의 API와 서비스를 설계하고 검토합니다. 기능별 코드 구조, 입력 검증, 인증, 예외 처리, 환경 설정과 테스트를 정리해 실제 운영을 위한 구현을 돕습니다.

• NestJS API 구조 설계
• 입력 검증과 접근 제어 구현
• 예외 처리와 환경 설정 검토

Create and audit JSON-LD, structured data that describes page content to search engines. Check JSON syntax, schema types, and required fields for articles, products, FAQs, and breadcrumbs, then guide validation for enhanced search results.

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

• Creating structured data for articles and products
• Checking FAQ and breadcrumb structured data
• Finding JSON syntax errors and missing required fields

Turn JSON screen descriptions into Svelte 5 interfaces. This skill covers component catalogs, registration, shared state, form bindings that keep inputs and data synchronized, conditional display, and streaming AI-generated interfaces as they arrive.

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

• Render a Svelte interface from JSON
• Define and register reusable screen components
• Synchronize form inputs with shared state

Set up an inspection panel in React json-render apps to examine UI definitions, edit state, and review action and stream timelines. The skill also covers opening or toggling the panel and recording events from React code.

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

• Adding an inspection panel to a React app
• Inspecting UI definitions, state, and action history
• Opening or toggling the panel from React code

Create HTML or plain-text emails from JSON specifications with React Email. This skill guides reusable email components, conditional content, server-side rendering, and browser previews for transactional messages such as signup notifications and marketing emails.

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

• Create signup notifications and other transactional emails
• Build marketing emails from JSON specifications
• Vary email content using state and conditions

Helps connect json-render to a Zustand store, where application values are managed. Covers sharing the entire store or selecting a nested portion, with configurable update behavior for the selected state.

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

• Connect an existing Zustand store to json-render
• Use a nested portion of application state
• Customize how state updates are applied

Add and configure an inspection panel for Vue json-render apps. This skill guides setup and troubleshooting so you can inspect UI definitions, edit state, review action and stream timelines, browse catalogs, and select page elements.

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

• Adding an inspection panel to a Vue app
• Inspecting UI definitions and editing state
• Reviewing action and stream timelines

Configure a Next.js app using posthog-js so session recording and dead-click capture survive browser ad blockers. Aliases the three blocker-flagged JS chunks (dead-clicks-autocapture.js, recorder.js, posthog-recorder.js) to bland same-origin paths via Next.js rewrites, and monkey-patches HTMLScriptElement so posthog-js requests the aliases. TRIGGER when posthog-js session replay or dead-click capture is failing in production with ERR_BLOCKED_BY_CLIENT or 404s on /static/dead-clicks-autocapture.js / /static/recorder.js / /static/posthog-recorder.js, or when the user wants to bypass ad blockers for these specific assets. Works alongside an existing PostHog reverse proxy (managed or otherwise) — only the three blocked files divert through Next.js, all other PostHog traffic stays on the original api_host. SKIP for unrelated PostHog setup, non-Next.js apps, or when capture/decide endpoints (/e/, /decide/, /array/*/config.js) are the ones being blocked — those need a different treatment.

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

Generate PDF documents from JSON definitions with headings, tables, images, and page numbers. Use file, in-memory, or streaming output, and extend document layouts with custom components and externally managed application state.

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

• Generate invoice PDFs from JSON definitions
• Build documents containing tables and images
• Stream generated PDFs through an HTTP response

Define the structure and available components for AI-generated JSON screens or videos. Build generation prompts, process incremental updates, connect values to application state, and validate or repair definitions before passing them to a renderer.

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

• Define allowed components for AI-generated screens
• Build prompts for generating or editing JSON definitions
• Assemble definitions from streamed AI responses

Build TanStack Start pages from JSON specifications. This skill connects URL routes, shared layouts, server-side data loading, page metadata such as titles, and client navigation, including loading, error, and missing-page displays.

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

• Build multiple pages from JSON specifications
• Share layouts across pages
• Connect dynamic URLs to page data loading

Build browser-based 3D games with Three.js, TypeScript, and Vite. Structure scene and camera control, model loading, physics, and interface overlays separately from game rules, with guidance for WebGL rendering diagnostics and performance.

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

• Build a browser-based 3D exploration demo
• Prototype vehicle movement or character traversal
• Load GLB models and integrate Rapier physics

Add animated backgrounds such as waves or fog with Vanta.js, which renders graphics through WebGL. Configure effects, integrate them into pages or React components, handle resizing and cleanup, and plan fallbacks for mobile devices.

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

• Add animated waves behind a hero section
• Adjust effect colors and movement
• Integrate backgrounds into React or Next.js

Slack 답변을 제목, 표, 버튼, 선택 메뉴로 정리해 결과 확인과 후속 작업을 돕습니다. Slack 앱용 Block Kit JSON 작성과 검증도 지원합니다.

• Slack 진행 보고를 정리합니다
• Slack 답변에 확인 버튼을 추가합니다
• 메뉴에서 다음 작업을 선택하도록 합니다

React / Next.js의 버튼, 모달, 알림, 페이지 전환에 애니메이션을 추가하고, 표시와 사라짐 및 스크롤에 연동되는 움직임을 구현합니다.

• 버튼 조작에 움직임을 추가합니다
• 모달과 알림의 표시와 사라짐을 구현합니다
• Next.js App Router 페이지 전환을 구현합니다

Automate Customjs operations through an AI agent using Rube MCP and Composio. It finds relevant tools, checks the required inputs and connection status, and runs operations using the specifications returned by the search.

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

• Find Customjs tools for a specific task
• Verify the Customjs connection before execution
• Run bulk operations with discovered tools

Review JavaScript JSON parsing for malformed input and unexpected data structures. Add error handling and validate parsed data before use, helping prevent failures when reading API responses, browser storage, or user-provided content.

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

• Reviewing JSON parsing in API response handling
• Handling malformed data from localStorage
• Validating data structures before accessing properties

Build MCP Apps that display interactive json-render interfaces inside clients such as Claude and ChatGPT. The skill covers a Node.js server, a React view, and packaging the interface into a single HTML file.

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

• Build an interactive UI inside an MCP client
• Add json-render tools to an existing MCP server
• Package a React interface into one HTML file

Automate Customjs operations through an AI agent using Rube MCP and Composio. It finds relevant tools, checks the required inputs and connection status, and runs operations using the specifications returned by the search.

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

• Find Customjs tools for a specific task
• Verify the Customjs connection before execution
• Run bulk operations with discovered tools

Turn slide content stored in JSON, a structured data format, into editable .pptx presentations with text, images, charts, and tables. Apply layouts, styles, or templates, validate the results, and process multiple input files in batches.

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

• Converting existing JSON slide content into an editable presentation
• Applying consistent fonts and colors to reporting slides
• Generating several presentations in one batch