'js' 검색 결과

Add and troubleshoot the json-render inspection panel in SolidJS applications. This skill covers panel setup for examining specifications, editing state, reviewing action and stream timelines, browsing component catalogs, and selecting page elements for inspection.

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

• Add an inspection panel to a SolidJS app
• Inspect JSON specifications and edit application state
• Review action and stream timelines

Build multi-page Next.js applications from JSON specifications. This skill guides route setup, shared layouts, page metadata, and server-side rendering, which prepares pages on the server, with optional data loading before display.

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

• Build a multi-page app from JSON specifications
• Share navigation and layouts across pages
• Load server data before rendering a page

Turn json-render specifications into SolidJS interfaces. This skill guides component registration, connects inputs to application state, handles actions and validation, and helps troubleshoot how changing values update the screen, including streamed UI generation.

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

• Build SolidJS interfaces from JSON specifications
• Connect form inputs to application state
• Troubleshoot values that fail to update the screen

Guides Node.js scripts and shared modules in the Handsontable monorepo using .mjs files, native APIs, and asynchronous file operations. It covers task registration, error handling, and compatibility across Linux, macOS, and Windows.

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

• Create build scripts and shared Node.js modules
• Replace shell commands with cross-platform Node.js code
• Register tasks and dependencies in tasks.json

Helps build custom code exporters from json-render UI specifications. Covers walking the UI tree, collecting components, state references, and actions, and formatting property values for JSX, the markup syntax used in React.

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

• Build a custom exporter for Next.js or Remix
• List components and actions used in a UI specification
• Convert property values into JSX attributes

Build 3D scenes in React from JSON specifications using json-render. The skill covers shapes, lighting, model loading, materials, cameras, and view controls, plus connecting component definitions to their rendering implementations.

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

• Build a 3D scene from JSON
• Display GLTF or GLB models
• Configure lighting, materials, and shadows

Turn JSON layout definitions into SVG or PNG images with Satori. Use this skill to create social sharing previews and cards, assemble standard layout and text components, or define custom components for image specifications.

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

• Creating social sharing preview images from JSON
• Building social cards with standard components
• Rendering AI-generated JSON image definitions

Connect json-render interfaces to XState Store for state management. The skill shows how to adapt an atom, a container holding application state, so json-render reads and writes through it.

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

• Connecting json-render screens to XState Store
• Using an existing atom as the source of UI state
• Setting up a StateStore adapter and StateProvider

Helps connect json-render to a writable Jotai atom, a unit that holds application state. Covers adapter setup and sharing a Jotai store so json-render and React components read and update the same values.

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

• Manage json-render state with a Jotai atom
• Share an existing Jotai store with json-render
• Share state between useAtom() and json-render

Next.js 16 이상에서 개발 서버 시작과 코드 변경 반영이 느린 원인을 살펴봅니다. Turbopack과 webpack의 선택, 캐시와 proxy.ts 명명도 확인합니다.

• 개발 서버 시작 지연을 조사할 때
• 코드 변경 반영이 느린 원인을 확인할 때
• Turbopack과 webpack을 선택할 때

Node.js, Express, Next.js의 API와 서버 데이터 처리를 설계하고 검토합니다. 데이터베이스 조회, 캐시, 인증, 오류 처리를 정리합니다.

• API 설계와 업무 로직 및 데이터 조회 분리
• 중복 데이터베이스 조회 줄이기
• 캐시와 비동기 처리 도입

Build interactive terminal interfaces from JSON specifications with @json-render/ink. The skill covers standard and custom components, input handling, state connections, conditional display, and progressively rendering specifications generated by AI.

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

• Building a terminal dashboard from JSON
• Creating forms with input fields and selection menus
• Defining a catalog of custom terminal components

Turn JSON timelines into Remotion video compositions with titles, images, text overlays, and animated statistics. The skill covers playback setup, reusable video components, transitions, effects, and adding custom clips to a video catalog.

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

• Build a video composition from a JSON timeline
• Create title cards and image slides
• Add captions and name overlays

Build Vue 3 interfaces from JSON specifications, including AI-generated layouts. The skill covers component registration, named content areas, synchronized form values, conditional visibility, validation, actions, and connections to external state management.

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

• Display AI-generated JSON interfaces in Vue 3
• Build forms with synchronized values and validation
• Switch visible content based on application state

Create new PPTX presentations, DOCX documents, XLSX spreadsheets, and PDF reports with PaperJSX. Describe content and layout in structured JSON, then run a Node.js script to generate the file and check that it is not empty.

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

• Creating presentation slides as PPTX files
• Generating reports as DOCX documents
• Creating XLSX spreadsheets with charts

Trace how a web page generates request signatures and encrypted parameters by inspecting network requests and JavaScript execution. Collect runtime evidence, then use it to reproduce the behavior locally in Node.js.

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

• Tracing how request signatures are generated
• Finding the code that triggers a network request
• Capturing function inputs and outputs

Node.js, Express, Next.js의 API와 데이터 처리를 설계하고 검토합니다. 역할 분리, 데이터베이스 최적화, 캐시와 인증 구현 예시를 제공합니다.

• API를 설계하고 처리 역할을 나눕니다
• 데이터베이스 질의 횟수를 줄입니다
• 데이터 조회에 캐시를 추가합니다

Guide an RxJS 7 project to RxJS Next by testing existing behavior, reviewing how subscriptions start and end, and validating small batches of changes. Record approved behavior choices, verification results, and unresolved blockers in migration reports.

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

• Assess RxJS usage and test coverage before migration
• Plan how subscriptions and cleanup should behave
• Migrate code and TestScheduler tests in small batches

Watch for new Gmail messages and stream them as NDJSON, a format with one JSON record per line. Filter messages by label, adjust retrieval settings, or save each message to a separate JSON file.

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

• Monitor new messages arriving in the inbox
• Filter monitored emails by Gmail label
• Save each incoming message as a JSON file

Extract fields, filter records, and reshape JSON from API responses, configuration files, or logs using Crush’s built-in jq. Get help writing and debugging transformations, constructing new JSON, and formatting output for other commands.

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

• Extract selected fields from API responses
• Filter JSON arrays by conditions
• Reshape configuration data or construct JSON

Add and troubleshoot a developer panel in Svelte 5 json-render apps. Inspect JSON screen definitions, edit application state, review action and streaming timelines, browse component catalogs, and select elements directly from the page.

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

• Add a developer panel to a Svelte app
• Inspect screen definitions and edit application state
• Review action and streaming timelines

Build native mobile interfaces from JSON specifications with @json-render/react-native. Use standard or custom components, connect form inputs to application state, and update visible content in response to taps and other interactions.

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

• Building mobile screens from JSON specifications
• Connecting form inputs to application state
• Switching tab content in response to taps

Connect json-render to Redux or Redux Toolkit so UI state reads and writes use a Redux store. The skill explains how to select the relevant state and dispatch actions that replace it when updates occur.

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

• Connecting json-render to an existing Redux store
• Using a Redux Toolkit slice for UI state
• Configuring state selection and update actions

Turn JSON specifications into React interfaces using a catalog of available components. This skill helps connect component implementations, shared data, form inputs, conditional display, and user actions to render interactive screens, including AI-generated designs.

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

• Render AI-generated JSON as a React interface
• Define a catalog of reusable UI components
• Connect form inputs to shared data