본문으로 건너뛰기
cccskills

'interactions' 검색 결과

615건 · 관련도순

Plan authorized security tests involving phone calls, text messages, physical access, and USB devices. Helps develop scenarios from public information, document interactions, and assess how staff verification procedures and physical controls respond.

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

  • Planning authorized phone and SMS security tests
  • Reviewing visitor and badge verification procedures
  • Designing USB device security exercises
SnailSploit/Claude-Red7.7천2026년 10월 13일 업데이트

url-to-code

Codex 공식무료

Recreate a website from its URL as a locally runnable frontend app. Capture desktop and mobile layouts, assets, and interactive states, then compare the implementation with the source and complete visual and interaction quality checks.

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

  • Recreating a website you own as a local app
  • Reproducing desktop and mobile layouts
  • Recreating menus, forms, and other interactions
openai/plugins7.5천2026년 10월 8일 업데이트

image-to-code

Codex 공식무료

Turn a selected screenshot, mockup, or generated image into a responsive website or web app. Recreate its layout and visual assets, implement core interactions, and compare the running result with the reference in a browser.

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

  • Build an interactive prototype from a mockup
  • Recreate a screenshot as a responsive web page
  • Implement a mobile screen from a selected reference
openai/plugins7.5천2026년 10월 8일 업데이트

research-router-skill

Codex 공식무료

Turn broad life sciences questions into focused research plans. Resolve names and identifiers for genes, diseases, or compounds, select relevant research skills, and combine evidence into a concise answer that explains uncertainty and useful follow-up analyses.

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

  • Reviewing evidence linking a gene to a disease
  • Combining evidence about a variant and its associated traits
  • Researching protein structure, function, and drug interactions
openai/plugins7.5천2026년 10월 8일 업데이트

figma-generate-diagram

Codex 공식무료

Create editable FigJam diagrams for workflows, system architecture, data relationships, and schedules. The skill selects a suitable diagram type and guides Mermaid, a text format for diagrams, while accounting for rendering limits.

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

  • Visualizing a workflow or decision tree
  • Mapping services and data stores
  • Showing API interactions over time
openai/plugins7.5천2026년 10월 8일 업데이트

game-playtest

Codex 공식무료

Test browser games through player actions and screenshot review. It checks startup, controls, scene changes, and interface visibility, then reports concrete issues with severity, reproduction steps, and the likely responsible subsystem.

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

  • Check startup and core gameplay actions
  • Review HUD visibility and playfield obstruction
  • Test 3D camera and menu interactions
openai/plugins7.5천2026년 10월 8일 업데이트

Build charts from tables using Vega-Lite, Vega, or Observable Plot. Describe data, visual elements, and interactions in reusable definitions, choose a suitable tool, and assess mobile layout, performance, and when custom rendering becomes necessary.

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

  • Writing a Vega-Lite chart specification from a dataset
  • Choosing between Plot, Vega-Lite, and D3
  • Building layered charts with panels and tooltips
openai/plugins7.5천2026년 10월 8일 업데이트

Choose charts and diagrams that fit the data and the question readers need to answer. Plan layouts and interactions for large screens and mobile devices, or critique existing visuals for misleading comparisons, unclear labels, and hidden information.

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

  • Choose a chart for a specific analytical question
  • Review an existing chart for misleading presentation
  • Plan dashboard layouts for desktop and mobile
openai/plugins7.5천2026년 10월 8일 업데이트

canvas2d-data-visualization

Codex 공식무료

Build dense, frequently updated charts with Canvas2D, including zooming, clicking, and dragging. Guides rendering performance, mobile interactions, and the use of SVG or HTML for labels, controls, and accessibility.

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

  • Build a scatterplot with a million points
  • Add selection and zoom to a timeline
  • Move an SVG heatmap to Canvas while preserving labels
openai/plugins7.5천2026년 10월 8일 업데이트

frontend-app-builder

Codex 공식무료

Create websites, dashboards, games, and app interfaces from image-generated design concepts. The skill turns the accepted concept into reusable UI components, implements working controls, and checks browser rendering, interactions, and responsive layouts against the design.

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

  • Build a new website from visual concepts
  • Create a dashboard or management interface
  • Redesign the appearance of an existing site
openai/plugins7.5천2026년 10월 8일 업데이트

data-visualization

Codex 공식무료

Routes web visualization work to suitable specialist skills, from chart selection and critique to maps, dashboards, and software diagrams. Helps plan readable views, mobile interactions, accessible controls, shareable state, exports, and testing around the question the data should answer.

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

  • Choose a chart that answers a specific question
  • Improve dashboard readability
  • Design maps and project timelines
openai/plugins7.5천2026년 10월 8일 업데이트

frontend-testing-debugging

Codex 공식무료

Test and debug rendered web apps by reproducing interaction bugs, checking layouts and console errors, making focused fixes, and validating again. Results include screenshots, observed state changes, and a QA report explaining coverage and remaining gaps.

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

  • Reproducing and fixing broken UI interactions
  • Checking desktop and mobile layouts
  • Investigating blank pages and console errors
openai/plugins7.5천2026년 10월 8일 업데이트

Create editable FigJam diagrams for workflows, system architecture, data relationships, and schedules. The skill selects a suitable diagram type and guides Mermaid, a text format for diagrams, while accounting for rendering limits.

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

  • Visualizing a workflow or decision tree
  • Mapping services and data stores
  • Showing API interactions over time
Devin-AXIS/iPolloWork7.1천2026년 10월 20일 업데이트

Choose metrics for AI product revenue, sales efficiency, retention, and computing costs. Plan dashboards and weekly reviews, assess customer data quality, and decide how to credit marketing and sales interactions for completed deals.

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

  • Choosing revenue and sales metrics for an AI product
  • Planning dashboards for executives and sales teams
  • Assessing CRM data quality
tech-leads-club/agent-skills7.1천2026년 10월 21일 업데이트

Inspect and control live Chrome pages to investigate display problems, console errors, failed requests, and slow loading. Capture screenshots, automate page interactions, and record performance traces to identify where delays or layout shifts occur.

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

  • Investigating page errors and failed network requests
  • Finding causes of slow loading and layout shifts
  • Capturing screenshots of pages or individual elements
tech-leads-club/agent-skills7.1천2026년 10월 21일 업데이트

Document visual work with real screenshots captured before a change, during key interactions, and after completion. Inspect each image and share captioned files throughout the task so users can review progress and redirect the work early.

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

  • Reviewing UI changes during implementation
  • Comparing a visual bug before and after a fix
  • Checking game and 3D scenes through screenshots
MengTo/Skills6.9천2026년 10월 18일 업데이트

matterjs

무료

Build 2D physics scenes for web pages with Matter.js. This skill guides engine setup, canvas rendering, adding objects, optional mouse dragging and connections between objects, plus cleanup when a scene is removed.

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

  • Add falling and colliding objects to a web page
  • Let users drag objects with a mouse
  • Set up a physics canvas in React
MengTo/Skills6.9천2026년 10월 18일 업데이트

Design and build marketing sites, portfolios, and landing pages with original imagery, coordinated typography, and GSAP animations. The workflow also covers accessible interactions, media sourcing, performance limits, and static alternatives when motion or graphics are unavailable.

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

  • Build a landing page with coordinated imagery and motion
  • Create a portfolio with a distinctive visual direction
  • Design accessible scroll animations
MengTo/Skills6.9천2026년 10월 18일 업데이트

Build and test Three.js games for mobile browsers, covering touch controls, screen orientation, readable game information, and device-appropriate graphics. Refine movement, actions, inventory interactions, and performance through checks of real mobile browser behavior.

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

  • Designing touch movement and action controls
  • Adapting game screens to portrait and landscape
  • Tuning graphics quality for mobile devices
MengTo/Skills6.9천2026년 10월 18일 업데이트

Design and implement web animations that guide attention, explain hierarchy, and confirm actions. Define reusable timing and movement rules, plan coordinated sequences, and account for performance and accessibility settings that reduce motion.

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

  • Plan entrance animations for a product page
  • Standardize timing and easing across a UI
  • Add hover feedback and navigation transitions
MengTo/Skills6.9천2026년 10월 18일 업데이트

Add coordinated seasonal transitions to an existing 3D scene. Blend foliage, lighting, sky, ground, snow, and particles from one shared state while preserving camera controls and interactions, so the same place remains recognizable throughout spring, summer, fall, and winter.

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

  • Add a four-season selector to an outdoor 3D scene
  • Show seasonal changes in an architectural walkthrough
  • Coordinate foliage, sunlight, sky, and ground appearance
MengTo/Skills6.9천2026년 10월 18일 업데이트

Collect five UI references into a dated, article-ready bundle with local images, full-page and section captures, motion studies, and detailed AI-builder prompts. Check previous collections for duplicates and document fallback reasons when video capture is unavailable.

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

  • Collecting daily landing-page design references
  • Studying page animations and interactions
  • Writing detailed prompts for AI website builders
MengTo/Skills6.9천2026년 10월 18일 업데이트

Convert articles, tutorials, or prompt collections into reusable agent skills, with one independent capability per skill. Package portable instructions, example prompts, working demos, preview images, and validation so the methods can transfer to other projects.

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

  • Convert tutorial steps into reusable agent skills
  • Split a prompt collection into independent capabilities
  • Package skills with example prompts and working demos
MengTo/Skills6.9천2026년 10월 18일 업데이트

Turn browser screenshots captured during real interactions into a 60 fps, 4:3 4K demo video. Add a natural macOS cursor, timed clicks, and gentle zooms, then verify video properties and a sample frame.

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

  • Creating a browser-based product demo
  • Showing clicks and zooms in a UI walkthrough
  • Re-recording a browser interaction sequence
MengTo/Skills6.9천2026년 10월 18일 업데이트