'self-contained' 검색 결과

팀의 주요 지표, 칠 일간의 추이, 활동 기록과 작업 목록을 Notion 형식의 HTML 화면에 모읍니다. 수동 및 자동 갱신을 지원하며 연결이 없으면 예시 데이터를 표시합니다.

• 팀 지표와 작업을 한눈에 확인
• Notion 연동 대시보드 제작
• 예시 데이터로 오프라인 미리 보기

브랜드 소개를 바탕으로 종이 질감과 콜라주를 활용한 잡지 형식의 긴 랜딩 페이지를 만듭니다. 화면 너비에 맞춘 배치와 스크롤 애니메이션도 포함합니다.

• 브랜드 소개 페이지 제작
• 스튜디오 서비스와 작업 실적 소개
• 임시 이미지로 페이지 구성 확인

양피지 느낌의 배경과 잉크색 파란색으로 백서나 스튜디오 소개를 종이 문서처럼 구성합니다. 일본어, 영어, 중국어 간체를 지원하며 단일 HTML 파일로 만듭니다.

• 스튜디오 소개 페이지 제작
• 백서를 하나의 웹페이지로 구성
• 지표가 포함된 일본어 소개 자료 제작

연구 보고나 사내 검토 자료를 차분한 종이 느낌의 HTML 슬라이드로 만듭니다. 짙은 파랑과 종이색, 세리프 글꼴로 구성하며 가로 스와이프와 키 조작으로 열람합니다.

• 연구실에서 연구 설계·결과·한계 보고
• 분기별 사내 검토 자료 작성
• 일본어 연구 발표 자료 제작

사이트 오른쪽 아래에 여닫을 수 있는 문의 창을 단일 HTML로 만듭니다. 안내문, 소셜 링크, 면담 예약을 모으고 응대 중단 시 연락 양식을 표시합니다.

• 포트폴리오에 문의 창 추가
• 소셜 링크와 면담 예약 경로 통합
• 응대 중단 시 연락 양식 제공

관리 화면이나 분석 대시보드의 시안을 단일 HTML 파일로 만듭니다. 기존 디자인에 맞춰 주요 지표 카드, 차트, 표를 배치합니다.

• 매출 대시보드 시안 제작
• 방문 및 사용 현황 분석 화면 검토
• 운영 현황을 확인하는 관리 화면 설계

월별·분기별·연간 재무 정보를 한 화면의 HTML 보고서로 정리합니다. 매출과 자금 여력 지표, 매출·비용 차트, 손익 비교표, 주요 고객과 전망을 담습니다.

• 월별·분기별 재무 보고서를 작성합니다
• SaaS 반복 매출과 자금 여력을 확인합니다
• 이전 기간과 손익을 비교합니다

사용자 조사의 배경, 참여자 구성, 행동 패턴과 근거를 세 장의 HTML 슬라이드로 정리합니다. 따뜻한 종이 색감의 스위스 스타일에 도표와 절제된 움직임을 더합니다.

• 사용자 조사를 세 장으로 보고합니다
• 참여자 구성을 도넛 차트로 표시합니다
• 행동 패턴과 근거를 나란히 설명합니다

분기 성과와 향후 계획을 파랑, 주황, 크림색의 복고풍 HTML 슬라이드 세 장으로 정리합니다. 표지, 세 가지 중점 과제, 로드맵과 핵심 성과 지표를 담습니다.

• 분기 성과 발표 자료 제작
• 팀의 세 가지 중점 과제 공유
• 로드맵과 핵심 성과 지표 제시

Build complex claude.ai artifacts with React, Tailwind CSS, and shadcn/ui. Create interfaces with multiple components, state management for changing data, and routing between views, then package the app into one self-contained HTML file for sharing.

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

• Creating interfaces with multiple components
• Building artifacts with changing data and multiple views
• Sharing a React app as a single HTML file

Prepare a local browser app or standalone browser file for handoff. Verify its start behavior where supported, then provide exact commands and a reachable URL, or the artifact path, with an honest account of what was checked.

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

• Hand off a local browser app with verified start instructions
• Deliver a single-file app with a basic startup check
• Share a playable browser game with clear access instructions

Create one new Muse skill with a self-contained SKILL.md and validate it. Build a project skill in the workspace, or prepare a personal skill draft with the command needed to install it.

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

• Create a skill for one Muse project
• Prepare a personal skill for multiple projects
• Turn requested procedures into a SKILL.md

Package the current design into one downloadable HTML file that works offline. It gathers images, styles, scripts, and other assets, prepares a loading preview, and checks the bundled page for missing resources and runtime errors.

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

• Share a design as a single HTML file
• Save web content for offline viewing
• Bundle images, styles, and scripts together

Design a single-page, print-ready flier as a self-contained HTML file. Organize a prominent headline and essential details, optionally add tear-off contact slips, and check that the layout fits one printed page.

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

• Create a single-page event flier
• Group dates, locations, and costs for quick reading
• Add tear-off phone number slips

Turn a weekly Markdown changelog into a branded video project with animated interface examples, Annie narration, captions, and background music. The workflow selects key updates and builds a 45–60 second square video, with rendering performed on request.

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

• Turn weekly release notes into a short video
• Demonstrate product updates with animated interface examples
• Prepare a branded update video with narration and captions

Create an animated diagram showing request flows, background jobs, or feature changes. The result is a single SVG image for README files, pull requests, issues, or blog posts, with support for light and dark themes.

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

• Explaining request and data flows
• Illustrating how a background job works
• Showing feature changes in a pull request

Build a single HTML file with controls, an instant preview, and a copyable prompt. Use it to explore designs, data queries, concepts, or reviews visually, then turn selected settings into clear instructions for an agent.

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

• Explore colors, typography, and spacing visually
• Build data queries with interactive controls
• Review documents with approval and comment controls

Turn local Claude Code session history into a personal activity report, cross-checked with local Git history. Generate Markdown and standalone HTML showing project activity, touched files, related commits, and each project's share of compute usage.

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

• Explaining Claude Code usage to a manager
• Reviewing monthly activity across projects
• Preparing evidence for a personal performance review

Create structured Markdown specifications that AI agents can read and use. Organize requirements, constraints, interfaces, acceptance criteria, and testing plans into a self-contained document with clear definitions and examples.

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

• Writing specifications for AI-assisted implementation
• Defining requirements and acceptance criteria
• Documenting APIs and data contracts

Creates a new domain-specific skin for reskinnable-demo, combining branding, layouts, pages, data, tools, and an agent. Structures live sales demonstrations around visible AI interactions, including generated interfaces, shared state, confirmations, and memory features.

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

• Creating a live sales demo for a different industry
• Changing branding, layouts, and data together
• Demonstrating shared state and human confirmations

Helps build Angular v20+ applications with Signals, which track changing values, and self-contained Standalone Components. Covers state management, server rendering, performance improvements, and testing, including gradual updates to existing applications.

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

• Build a new Angular v20+ application
• Migrate NgModules to Standalone Components
• Design state management with Signals

Build complex claude.ai artifacts with React, Tailwind CSS, and shadcn/ui. Create interfaces with multiple components, state management for changing data, and routing between views, then package the app into one self-contained HTML file for sharing.

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

• Creating interfaces with multiple components
• Building artifacts with changing data and multiple views
• Sharing a React app as a single HTML file

Turn stored knowledge pages into self-contained HTML files for sharing research, briefings, or travel plans. The workflow removes internal metadata and links, applies password protection by default, and offers optional cloud upload and expiring access links.

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

• Sharing research with external recipients
• Preparing a deal memo for sharing
• Sending a briefing about a person

Turn CSV files, pasted data, or query results into an HTML dashboard that opens in a browser. Combine key metrics, interactive charts, filters, and sortable tables in one report, with sample data available when real data is missing.

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

• Create a dashboard of key metrics for executives
• Turn query results into a shareable report
• Review team metrics with filters