본문으로 건너뛰기
cccskills

'iframe' 검색 결과

36건 · 관련도순

Design and implement iPolloWork plugin interfaces using shared components, colors, typography, and interaction rules. Covers host React and iframe integration, component readiness, and checks for loading, errors, keyboard use, and recovery.

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

  • Build plugin forms with shared components
  • Integrate shared controls into iframe plugins
  • Design loading, error, and retry states
Devin-AXIS/iPolloWork7.1천2026년 10월 18일 업데이트

Review iframe and frame titles so screen reader users can identify embedded content before entering it. Find missing or empty title attributes, add meaningful descriptions, and verify the changes with browser accessibility tools or assistive technology.

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

  • Checking titles on embedded advertisements and social media widgets
  • Reviewing missing or empty iframe title attributes
  • Verifying frame identification with a screen reader
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Generate FrontendIntegration YAML for frontend-forge from a simplified configuration containing one menu and one or more pages. Define resource tables or embedded iframe pages, with the bundled generator expanding menu placements into the required YAML structure.

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

  • Generating integration YAML for a CRD resource table
  • Defining an embedded iframe page
  • Converting a single-menu configuration into canonical YAML
kubesphere/kubesphere1.7만2026년 7월 15일 업데이트

Audit page loading and defer offscreen images, videos, iframes, and heavy components until needed. Use measurements and page context to identify suitable changes while keeping images needed for the initial view loaded with priority.

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

  • Investigate slow initial page loads
  • Defer images below the initial viewport
  • Delay offscreen videos, iframes, and heavy components
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Implement Google sign-in for web applications using Google Identity Services. Add sign-in buttons or One Tap, verify ID tokens as proof of identity, configure browser security policies, and handle sessions, sign-out, and account disconnection.

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

  • Adding Google sign-in to a React or Next.js application
  • Verifying ID tokens and restricting Workspace domains
  • Configuring One Tap and preventing automatic sign-in after logout
google/skills2.1만2026년 10월 20일 업데이트

Review HTTP response headers and restrict browser features an application does not need, such as camera, microphone, and location access. Guide Permissions-Policy settings that limit what attackers could use if the site is compromised.

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

  • Review security headers before a release
  • Disable unused camera and microphone features
  • Check feature restrictions for third-party iframes
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Diagnose image export and download failures in browsers and Electron. Separate image data preparation from file saving, investigate empty files and blocked writes, and choose a suitable fallback save method.

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

  • Investigating exported images saved as 0 KB files
  • Fixing failures in Save As dialogs and file writes
  • Troubleshooting image downloads in Electron
nexu-io/open-design10.3만2026년 10월 20일 업데이트

Find resources loaded over unencrypted HTTP within HTTPS pages, a problem called mixed content. Review resource URLs and security headers, then guide HTTPS replacements and automatic request upgrades to address blocked or insecure resources.

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

  • Auditing HTTP resources on HTTPS pages
  • Checking resource URLs after an HTTPS migration
  • Fixing old content with embedded HTTP URLs
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Guide web integrations for Zoom Contact Center, including chat and video embeds. Covers engagement events, app context, and Smart Embed messaging between a page and its embedded frame, with integration checks and troubleshooting references.

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

  • Embedding chat or video in a website
  • Connecting engagement events to app state
  • Implementing Smart Embed message handling
anthropics/knowledge-work-plugins3.1만2026년 10월 19일 업데이트

Code Apps などのブラウザ アプリで、Azure AI Speech のストリーミング文字起こしと録音を実装する。ブラウザから Speech へ WebSocket で直結し、短期トークンは Managed Identity の Function からカスタム コネクタ経由で受け取る。Code Apps の CSP・iframe・メインスレッドの制約に合わせた音声経路(同一オリジン AudioWorklet、Push ストリーム、Worker タイマー無効)と、端末・ホスト再現・実機の 3 段階の検証を提供する。

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

geekfujiwara/CodeAppsDevelopmentStandard742026년 10월 19일 업데이트

Copilot Studio の「全く新しいアーキテクチャ」(cliagent テンプレート)を開発標準の第一候補として構築・公開・連携する。Bot 作成、Instructions/モデル/メモリ、フラット Python スキル、アイコン、公開に加え、ブラウザで観測した private API による承認付き初回ツール・接続参照追加、Code Apps iframe、Agent flows を扱う。

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

geekfujiwara/CodeAppsDevelopmentStandard742026년 10월 19일 업데이트

code-apps

무료

Power Apps Code Apps の初期化・Dataverse 接続・UI 設計・開発・デプロイ。SharePoint URL は明示指定がなければ移行元として扱い、Dataverse ベースで開発する。環境チェックは明示依頼時・障害時だけとし、初回デプロイを優先する。TypeScript + React + Tailwind CSS、Copilot Studio v2 iframe、Agent flows、CSP・メール送信にも対応。

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

geekfujiwara/CodeAppsDevelopmentStandard742026년 10월 19일 업데이트

Identify and exploit Clickjacking (UI Redressing) vulnerabilities where a malicious website iframes a target application, tricking victims into performing unintended actions (e.g., transferring funds, deleting accounts, or granting permissions) via hidden layers.

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

ShulkwiSEC/bb-huge232026년 7월 11일 업데이트

計画・差分レビュー・E2E計画・E2E結果を 1 つのブラウザページ(タブ切替)に統合表示する review-hub の操作手順。agent-review-kit のページを iframe で束ね、タブごとの承認ボタン(計画承認・E2E実行承認・PR作成承認)を ark のコメント(【承認】)として wait-comments で受け取る。ステータスバー(フェーズ進行・作業メモ)と中断ボタン、セッション再開手順(status / resume)も定義する。計画→実装→PR のように承認ゲートを挟むフロー系スキルから参照される。Use when a skill needs to show plans, diffs, or E2E results in one tabbed browser page, wait for a browser-side approval gate, or resume an interrupted review session.

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

kou000/agent-review-kit42026년 10월 19일 업데이트

Review cross-origin isolation, a browser security mode required by features such as SharedArrayBuffer. Check response headers and external resources, identify integrations that could break, and verify that isolation actually works in the browser.

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

  • Checking isolation requirements for SharedArrayBuffer
  • Auditing external resources before enabling COEP
  • Reviewing effects on popups and third-party embeds
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review links and external resources for domains that ad blockers commonly block. Find navigation and loading failures, test behavior with uBlock Origin, and suggest direct links, self-hosted scripts, or server-side forwarding where appropriate.

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

  • Investigate links that fail with ad blockers enabled
  • Check loading of external scripts and images
  • Review tracking redirects in navigation links
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

webapp

무료

Build web applications from a bundled Express, Vite, React, Tailwind CSS, and Drizzle ORM template. Follow a schema-first workflow to create pages, backend APIs, and connected forms, with guidance for styling, testing, and deployment.

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

  • Building a dashboard with data displays
  • Creating an admin panel with forms and APIs
  • Prototyping an online store
kortix-ai/suna2만2026년 10월 19일 업데이트

Add compact visual summaries to Markdown answers using static HTML and CSS. Show comparisons, key metrics, timelines, or simple relationships in a preview, while keeping explanations and detailed information in the surrounding text.

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

  • Comparing key metrics visually
  • Showing a process or sequence of steps
  • Summarizing events on a timeline
xerrors/Yuxi7.4천2026년 10월 17일 업데이트

Hunt Clickjacking — missing X-Frame-Options / CSP frame-ancestors lets an attacker embed the target page in an invisible iframe and trick victims into clicking buttons they cannot see (UI redressing). Targets: login flows, money transfers, account settings, OAuth confirmation pages. Confirm by fetching the page, then PROVE it frames in a real browser and a sensitive state-changing action survives the cross-site context (SameSite cookies / framebusting JS can defeat it) — header-absence alone is not a finding.

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

elementalsouls/Claude-BugHunter5.2천2026년 10월 18일 업데이트

Comprehensive Content Security Policy audit for MCP Apps in sandboxed iframes. Discovers all network origins, traces them to source, and generates CSP configuration for registerAppResource.

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

a5c-ai/babysitter1.9천2026년 9월 17일 업데이트

Configure Vite with vite-plugin-singlefile for mandatory single-file HTML bundling of MCP Apps. All assets (JS, CSS, images, fonts) must be inlined into a single HTML file for sandboxed iframe compatibility.

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

a5c-ai/babysitter1.9천2026년 9월 17일 업데이트

Use when building, modifying, or reviewing a Stripe App — or when the user describes something that implies one (e.g. "add a panel to the customer page", "customize my Stripe Dashboard", "react to Stripe events from my app", "connect my service to Stripe without sharing API keys"). Covers the full app development workflow (scaffold, preview, upload, versioning), UI extension architecture (sandboxed iframe, Stripe UI toolkit, viewports), extension types (UI extensions, backend-only, extension interfaces, embedded apps), authentication (platform keys, OAuth, restricted API keys), stripe-app.yaml manifest setup (permissions, viewports, CSP), webhook configuration for apps, Secret Store API, `fetchStripeSignature` auth, and marketplace publishing, plus submitting one agentic feedback report after a build. Use when the user mentions Stripe Apps, UI extensions, @stripe/ui-extension-sdk, @stripe/extensibility-sdk, script extensions, stripe-app.yaml, Dashboard extensions, or customizing the Stripe Dashboard.

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

fcakyon/claude-codex-settings1.2천2026년 10월 18일 업데이트

N개 brand experiment를 한 화면에서 비교하는 gallery index.html을 생성. 각 카드는 brand name, wow rating, multi-turn refinement deltas, iframe scaled preview, standalone link 포함. '결과물 한 번에 보여줘', '갤러리 만들어', '5개 비교 뷰', 'experiment 결과 정리' 류 트리거. omd:harness가 N개 brand batch 작업 끝낸 직후 자동 호출되거나 사용자가 명시적으로 호출.

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

kwakseongjae/oh-my-design5392026년 10월 17일 업데이트

Use when writing Playwright tests, fixing flaky tests, debugging failures, implementing Page Object Model, configuring CI/CD, optimizing performance, mocking APIs, handling authentication or OAuth, testing accessibility (axe-core), file uploads/downloads, date/time mocking, WebSockets, geolocation, permissions, multi-tab/popup flows, mobile/responsive layouts, touch gestures, GraphQL, error handling, offline mode, multi-user collaboration, third-party services (payments, email verification), console error monitoring, global setup/teardown, test annotations (skip, fixme, slow), test tags (@smoke, @fast, @critical, filtering with --grep), project dependencies, security testing (XSS, CSRF, auth), performance budgets (Web Vitals, Lighthouse), iframes, component testing, canvas/WebGL, service workers/PWA, test coverage, i18n/localization, Electron apps, or browser extension testing. Covers E2E, component, API, visual, accessibility, security, Electron, and extension testing.

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

Asymmetric-al/core3812026년 10월 20일 업데이트