개발 스킬

Guides development of iii functions, event triggers, and workers, the processes that execute functions. Helps choose result-returning calls, one-way calls, or queued work, inspect live registrations, and connect existing HTTP services.

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

• Running a function on an HTTP request or schedule
• Choosing between direct calls and queued work
• Inspecting registered workers and functions

Set up a new iii backend from engine installation to a working HTTP endpoint. Guides project creation, SDK installation, a first worker in TypeScript, Python, or Rust, and adding existing workers.

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

• Installing iii and creating a new project
• Installing an SDK for the chosen language
• Writing and testing a first HTTP worker

Design iii backends by combining functions, queues, and shared state. Choose patterns for workflows with retries, live updates, cooperating AI agents, and event-driven processing, with examples showing how the pieces connect.

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

• Designing order workflows with retries and step tracking
• Updating screens or caches when stored data changes
• Passing tasks between specialized AI agents

Diagnose iii invocation failures using error codes across Node, Python, Rust, and browser workers. Distinguish permission denials, timeouts, and handler failures, then choose appropriate exception handling and decide whether retrying is suitable.

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

• Diagnosing failed function calls by error code
• Deciding whether a timed-out operation should be retried
• Handling permission denials without blind retries

Review code changes for correctness, readable names, clear interfaces, and design problems. Examine duplication, hidden assumptions, and unnecessary abstractions, then report actionable findings with file locations, explanations, and concrete suggestions for fixes.

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

• Review pull request changes
• Check names and function interfaces
• Find duplication and unclear responsibilities

Build web interfaces in json-render by selecting from 36 ready-made components. The skill guides component registration, custom additions, and form validation using UI elements built with Radix UI and Tailwind CSS.

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

• Add standard UI components to a json-render catalog
• Build forms with input validation
• Combine standard and custom components

Debug json-render interfaces with an inspector panel that shows screen specifications, editable runtime state, action history, and streamed updates. Select a rendered page element to locate its definition and investigate display or interaction problems.

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

• Investigate missing or incorrectly displayed elements
• Inspect and edit application state at runtime
• Review action results and errors

Helps integrate YAML output into json-render, turning incoming text into incremental UI updates. Covers prompt generation, streaming parsing, and targeted edits to existing UI specifications through merge, patch, or diff formats.

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

• Render UI updates as YAML arrives
• Generate prompts for YAML output
• Apply partial edits to existing UI specifications

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

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

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

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

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

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 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

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

Add formatting, arithmetic, text processing, and translated labels to json-render specifications. This skill explains ready-made directives, or value-processing rules, how to combine them, and how to define custom rules for application-specific transformations.

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

• Format dates, currencies, and percentages
• Calculate totals from prices and quantities
• Shorten text and join lists of tags

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

Build Svelte interfaces for json-render using 36 ready-made components. This skill guides component selection, connects component definitions to implementations, and explains form validation settings for apps using Svelte 5 and Tailwind CSS.

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

• Add standard UI components to a Svelte app
• Build forms with configurable validation
• Prepare component definitions for server-side prompts

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

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

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

Create or update Claude skills that capture specialized knowledge and repeatable workflows. Guides the organization of instructions, scripts, references, and templates, then covers initialization, validation, and packaging into a distributable skill file.

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

• Turning recurring work into a reusable Claude skill
• Organizing internal knowledge and API instructions
• Revising an existing skill after practical use