pencil-design은(는) 무엇을 하나요?
Pencil(.pen 파일)로 UI를 디자인하고, 이로부터 프로덕션 코드를 생성합니다. .pen 파일 작업, Pencil에서 화면이나 컴포넌트 디자인, 또는 Pencil 디자인에서 코드 생성 시 사용하세요. Pencil, .pen 파일, 디자인-투-코드 워크플로우, 또는 Pencil MCP 도구를 사용한 UI 디자인 관련 작업에서 트리거됩니다.
Pencil(.pen 파일)로 UI를 디자인하고, 이로부터 프로덕션 코드를 생성합니다. .pen 파일 작업, Pencil에서 화면이나 컴포넌트 디자인, 또는 Pencil 디자인에서 코드 생성 시 사용하세요. Pencil, .pen 파일, 디자인-투-코드 워크플로우, 또는 Pencil MCP 도구를 사용한 UI 디자인 관련 작업에서 트리거됩니다.
이 스킬은 **Pencil(.pen)** 파일을 사용하여 UI를 디자인하고, 생성된 디자인으로부터 바로 프로덕션 레벨의 코드를 추출할 수 있는 에이전트 기능을 제공합니다. 주로 Pencil MCP 도구와 연동되어 작동하며, 디자이너나 개발자가 `.pen` 파일을 분석하거나, 특정 화면/컴포넌트를 설계한 후, 이를 자동으로 코드로 변환하는 워크플로우를 지원합니다. 특히 디자인-투-코드(Design-to-Code) 과정에서 사람이 수동으로 UI를 구현하는 번거로움을 줄여주며, Cursor, Claude Code 등 다양한 AI 에이전트 플랫폼에서 사용할 수 있습니다. 이 스킬의 핵심은 Pencil 파일의 구조적 정보를 해석하고, 이를 기반으로 적절한 프론트엔드 코드(예: React, HTML/CSS 등)를 생성하는 데 있습니다. Pencil MCP 도구가 제공하는 읽기/쓰기/수정 기능을 통해 에이전트가 직접 `.pen` 파일을 조작하거나, 현재 디자인 상태를 캡처하여 코드로 변환할 수 있어, UI 개발 속도를 획기적으로 높여줍니다.
npx skills add https://github.com/chiroro-jr/pencil-design-skill/tree/main/skills/pencil-designPencil(.pen 파일)로 UI를 디자인하고, 이로부터 프로덕션 코드를 생성합니다. .pen 파일 작업, Pencil에서 화면이나 컴포넌트 디자인, 또는 Pencil 디자인에서 코드 생성 시 사용하세요. Pencil, .pen 파일, 디자인-투-코드 워크플로우, 또는 Pencil MCP 도구를 사용한 UI 디자인 관련 작업에서 트리거됩니다.
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".