'prototype' 검색 결과

Render a proposed redesign of a page on the current website as a self-contained static HTML file, then iterate via the impeccable craft loop. Per-page, idempotent, stale-aware. Use when the user asks for a redesign prototype, a before/after comparison, a design preview, a page mockup, a visual diff of the redesign, or invokes /stardust:prototype.

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

Reconcile a converted/built web page against its source prototype with two complementary probes — a PIXEL/layout diff (stretched images, dropped wraps, blank renders, colour flips) and a STRUCTURAL content+typography diff (dropped/mis-slotted headings, eyebrows, CTAs; rendered-face font forks). Stack-agnostic via profiles (eds | generic). Use after converting a prototype to EDS/AEM (the stardust:deploy Step 10), or for any prototype↔build fidelity check; invocable as stardust:diff and from workflows.

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

본격적인 개발 전에 작은 시제품을 실행해 아이디어의 실현 가능성과 방식별 차이를 검증합니다. 실행 결과를 근거로 채택, 조정, 보류 여부를 정리합니다.

• 아이디어의 실현 가능성을 확인합니다
• 같은 조건에서 두 방식을 비교합니다
• 본격 개발 전에 예외 조건을 검증합니다

본격적인 개발 전에 일회성 시제품으로 아이디어의 실현 가능성을 검증합니다. 질문 정리부터 조사와 실행 실험, 방식 비교, 결과와 제약 기록까지 진행합니다.

• 아이디어의 실현 가능성을 시험할 때
• 시제품으로 라이브러리를 비교할 때
• 개발 전에 위험한 가정을 검증할 때

정적 HTML과 이미지 등이 담긴 폴더를 설정된 Paperclip S3/CloudFront에 게시합니다. 계속 공유할 공개 URL을 제공하고 게시 전 확인과 기존 페이지 갱신을 지원합니다.

• 고정 URL로 정적 보고서 공유
• HTML 시제품과 뷰어 게시
• 게시 전 폴더 구성과 URL 확인

분기 목표와 핵심 결과를 한눈에 보는 HTML 화면을 시제품으로 만듭니다. 진행 막대, 담당자, 상태를 표시하고 주요 지표와 진행을 막는 문제를 옆에 정리합니다.

• 팀의 분기 목표 화면을 시제품으로 만듭니다
• 핵심 결과의 현재 값과 목표 값을 비교합니다
• 목표 담당자와 진행 상태를 함께 표시합니다

참고 이미지와 막연한 취향을 색상·글꼴·배치 등 구체적인 디자인 방향으로 정리합니다. 재사용할 DESIGN.md와 제작 담당자를 위한 인계 자료를 만듭니다.

• 참고 이미지로 앱의 외형 결정
• 리디자인 전에 판단 기준 정리
• 슬라이드 디자인 방향 인계

D3.js로 데이터를 탐색하며 읽을 수 있는 대화형 차트와 도표를 만듭니다. 다양한 예제를 바탕으로 보고서, 대시보드, 데이터 기반 시제품에 활용합니다.

• 확대 가능한 차트로 매출 살펴보기
• 데이터 사이의 관계 시각화하기
• 날짜별 추세를 색으로 표시하기

Import an existing React component library into Claude Design, including its styles, usage references, and previews. This lets the design agent build screens and prototypes using the same components already maintained in the source project.

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

• Importing an existing React design system into Claude Design
• Creating prototypes with existing components and styles
• Syncing component changes after an initial import

Add Claude-powered features, such as summarization, to HTML artifacts using a built-in helper. No SDK or API key is needed, and tools defined in the page can run during a request before the final text is returned.

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

• Adding text summarization to an HTML prototype
• Trying AI responses with conversation history
• Connecting Claude to tools that run within a page

Evaluate product ideas before committing development resources. Organize customer needs, rank uncertain assumptions, and plan interviews or prototype tests in a short discovery cycle that ends with evidence for proceeding, changing direction, or stopping.

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

• Mapping customer needs to solution ideas and experiments
• Prioritizing risky assumptions for testing
• Planning customer interviews and prototype tests

Turn an electronics or IoT idea into a working breadboard prototype. Get board and software recommendations, a plan for viewing sensor readings, and time and cost ranges tailored to experience, budget, and location.

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

• Choosing a board and development tools for a first electronics project
• Planning phone access to sensor readings and alerts
• Estimating prototype costs and build time

Create interactive prototypes, slide decks, animations, and visual explanations in HTML. New designs normally begin with three visible drafts to compare, then develop the chosen direction using supplied content, real assets, and brand references.

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

• Comparing three visual directions before choosing a design
• Creating an interactive App or iOS prototype
• Preparing an HTML slide deck and PDF

Study a reference adaptation connecting the shared skillopt_sleep cycle to a custom DeepSeek backend for OpenClaw. It provides prototype wrappers, sample tasks, and a porting checklist for developers building an integration.

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

• Study a prototype DeepSeek backend for OpenClaw
• Identify changes needed for current engine interfaces
• Review sample tasks and environment-specific settings

Build, publish, and manage apps on 妙搭（Spark/Miaoda） through local development or cloud AI sessions. Create page designs, manage data and permissions, inspect logs and usage, and configure automated triggers.

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

• Build and publish a business app
• Create landing pages and interactive prototypes
• Inspect production logs and usage

Build distinct, working versions of one interface component and compare them at full size using a visual picker. Explore differences in layout, interaction, or motion, then integrate the version you choose into the project.

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

• Compare different layouts for a pricing card
• Try several notification interaction designs
• Explore motion choices for a hold-to-delete button

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

Create a magazine-inspired web prototype with a warm monochrome background, generous whitespace, and subtle motion. Combine serif headings, simple sans-serif body text, monospaced metadata, fine borders, and softly styled chips for a restrained layout.

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

• Explore a magazine-inspired web layout
• Prototype a page with generous whitespace
• Try typography with subtle visual accents

Create a web prototype with a soft, Apple-inspired appearance. Silver or cream backgrounds, double-edged rounded cards, nested buttons, and a slight spring effect on hover define the visual style and interaction.

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

• Exploring a soft visual style for a web prototype
• Designing rounded cards and nested action buttons
• Trying a subtle spring effect on hover

Create screen mockups at three levels: text wireframes, standalone HTML files, or working prototype pages. Use requirements, existing app styles, and real project data to show layouts and interactions for review or testing.

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

• Sketch screen layouts while writing requirements
• Deliver HTML mockups alongside requirements
• Test interactions with existing components

Turn an idea, existing code, or a previous Codex conversation into a runnable OpenAI Agents SDK app. Supports local verification, focused evaluations of agent behavior, and local deployment through the Deployment Manager.

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

• Build a runnable agent prototype from an idea
• Adapt existing code into an agent app
• Turn a previous Codex conversation into an app

Turn a text development plan into a visual document with diagrams, file maps, annotated code, and open questions. For interface work, add wireframes or an interactive prototype so reviewers can examine screens and behavior before implementation.

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

• Turn an existing text plan into a visual review document
• Compare interface states and user flows before coding
• Explain architecture and data flow with inline diagrams

Move an idea up the fidelity ladder (content-first → wireframe → low-fi → high-fi → code) with a validation plan at each level, plus user-journey mapping and usability-testing scripts. Use when the user wants to prototype, wireframe, map a user flow, or plan/run usability testing.

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

Guided journey from a working-but-untested vibe-coded prototype to a production-ready product with tests, clean structure, a business-rules boundary, and resilience at scale. Orchestrates nine skills phase by phase - working-with-legacy-code, clean-code, refactoring-patterns, software-design-philosophy, clean-architecture, pragmatic-programmer, release-it, system-design, ddia-systems - asking the user questions at every decision point and recording results in the project docs/ folder (TESTING.md, TECH-DEBT.md, IMPROVE-CODE-QUALITY-PLAN.md) so the journey resumes across sessions. Use when the user wants to harden an AI-generated prototype, add tests before refactoring, make code safe to change, or says 'this works on my machine but I am scared to touch it'. For an aged codebase, remove-technical-debt; for greenfield structure, design-code-architecture; for a product and UX pass, improve-app; to optimize speed and structure, architecture-optimization. For one framework in isolation, invoke that skill directly.

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