본문으로 건너뛰기
cccskills

'assets' 검색 결과

1.1천건 · 관련도순

Build a website prototype as a single HTML file using a supplied template and section layouts. Suitable for landing pages, pricing pages, and documentation indexes, with colors adapted to an existing design system.

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

  • Prototyping a product landing page
  • Creating a pricing comparison page
  • Designing a documentation index
nexu-io/open-design10.3만2026년 10월 20일 업데이트

mobile-app

무료요약 있음AI 평가 80점

피드, 프로필, 결제 등 여섯 가지 화면 구성을 활용해 iPhone 15 Pro 기기 프레임 안에 들어가는 단일 앱 화면을 HTML 목업으로 만듭니다.

  • 피드나 메시지 목록을 시안으로 만듭니다
  • 프로필과 상품 상세 구성을 검토합니다
  • 결제 화면과 환영 화면을 제시합니다
nexu-io/open-design10.3만2026년 10월 20일 업데이트

Create a single-page editorial landing site from a brand brief, using paper textures, collage imagery, and structured content sections. The output includes responsive layouts, scroll animations, and sticky navigation, with generated, placeholder, or supplied images.

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

  • Building an editorial landing page for a brand
  • Presenting a studio's services and selected work
  • Previewing a page with placeholder images
nexu-io/open-design10.3만2026년 10월 20일 업데이트

html-ppt-zhangzara-peoples-platform

무료요약 있음AI 평가 90점

시의회 등에 제출할 대중교통 재원 제안을 수요, 계획, 위험 대책, 승인 요청이 드러나는 HTML 슬라이드로 구성하고 포스터풍 색상과 글꼴로 표현합니다.

  • 대중교통 재원 제안 자료 제작
  • 시의회에 이용 수요 설명
  • 계획과 위험 대책 제시
nexu-io/open-design10.3만2026년 10월 20일 업데이트

swiftui-design

무료요약 있음AI 평가 80점

SwiftUI 화면의 디자인 방향 설정과 검토를 돕습니다. AI 특유의 획일적인 표현을 피하는 규칙, 브랜드 소재 처리 절차, 다섯 관점의 검토를 제공합니다.

  • SwiftUI 화면의 디자인 방향 설정
  • AI 화면의 획일적인 표현 검토
  • 브랜드 소재 처리 방식 확인
nexu-io/open-design10.3만2026년 10월 20일 업데이트

Manage Cloudinary images, videos, and files with natural language requests. Organize folders, configure upload rules, inspect assets, generate transformed versions, and check storage and bandwidth usage through Rube MCP and Composio.

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

  • Organizing campaign assets into folders
  • Setting upload rules for product images
  • Generating cropped images and thumbnails
ComposioHQ/awesome-claude-skills7.7만2026년 9월 18일 업데이트

Create Claude skills with the required files and metadata, validate their structure, and package them as zip files. The skill also shares summaries and file links in designated Slack channels through Rube.

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

  • Create a Claude skill with a standard folder structure
  • Validate skill metadata before distribution
  • Package a skill and its assets as a zip file
ComposioHQ/awesome-claude-skills7.7만2026년 9월 18일 업데이트

Audit page loading and choose resource hints, browser instructions for fetching files or preparing connections early. Use measurements to identify delays, then suggest preload, preconnect, prefetch, or dns-prefetch for critical assets, external services, and likely next-page resources.

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

  • Reviewing early loading of key images and fonts
  • Preparing connections to external services
  • Prefetching resources for likely next pages
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review website images for high-density displays, where standard assets can look blurry. Check higher-resolution versions, HTML and CSS image selection, delivery settings, and loading behavior, then identify specific files or components that need changes.

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

  • Investigating blurry images on high-density displays
  • Reviewing srcset for fixed-size and responsive images
  • Checking high-resolution CSS background images
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review slow page loads and choose resource hints, browser instructions that start loading or connecting earlier. Use measurements to identify bottlenecks, then recommend preload, preconnect, prefetch, or dns-prefetch for important assets and likely next-page resources.

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

  • Reviewing slow loading of prominent images and fonts
  • Preparing connections to external services
  • Prefetching resources for likely next-page visits
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Set and review limits for bundled file size and page performance so CI, automated checks on code changes, can catch regressions. Check enforcement on pull requests and review production monitoring for slowdowns after release.

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

  • Reviewing performance limits in CI configuration
  • Checking pull requests that add dependencies or assets
  • Setting limits for file size and page performance
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Check images used in social link previews through Open Graph metadata. Verify dimensions, aspect ratio, file size, and HTTPS URLs, then resize assets and update tags to reduce missing images and unwanted cropping.

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

  • Auditing social link preview images
  • Preparing 1200×630-pixel sharing images
  • Investigating missing or cropped preview images
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Audit website image file sizes against guidelines for photos, graphics, hero images, and thumbnails. Report oversized assets with target sizes, distinguish compression issues from dimension mismatches, and guide format conversion and delivery of smaller variants to mobile devices.

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

  • Listing oversized images and target file sizes
  • Reviewing uploaded images managed by a CMS
  • Reducing hero image and thumbnail file sizes
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Audit browser caching to reduce repeated downloads when people revisit a site. Check cache headers for static files and HTML pages, then suggest suitable storage durations and validation settings based on measured loading problems.

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

  • Investigate slow loading on repeat visits
  • Review cache headers for static files
  • Set separate caching policies for HTML and hashed assets
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Investigate chains of dependent resource requests that delay a page’s first display. Use performance measurements to identify bottlenecks, then reduce waiting by embedding essential CSS or preloading important assets discovered late in the chain.

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

  • Investigating slow initial page rendering
  • Reviewing dependencies between resource requests
  • Planning critical CSS embedding and asset preloading
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Find broken or fragile image references in markup, styles, and components. Correct paths, restore missing assets, and add fallback images, then verify how the page behaves when image requests fail.

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

  • Find why product images are missing
  • Check image paths after a build
  • Add fallback images for external URLs
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Turn a music track into a HyperFrames video with text, images, and clips timed to its rhythm and energy. Additional visual assets are optional, and the workflow includes storyboard approval, visual checks, and final MP4 rendering.

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

  • Create a promotional video timed to a music track
  • Build a slideshow from music and supplied photos
  • Make a music video using animated text alone
calesthio/OpenMontage7만2026년 10월 17일 업데이트

Turn a website's screenshots and brand assets into a HyperFrames site tour or social clip. Develop a storyboard and script, add optional narration and captions, then validate the video and deliver a Studio preview.

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

  • Creating a video tour of a portfolio
  • Turning a blog or landing page into a social clip
  • Making a site showcase with narration and captions
calesthio/OpenMontage7만2026년 10월 17일 업데이트

Build asset loading for Three.js scenes, including 3D models, textures, and HDR images for backgrounds and reflections. Coordinate multiple files, track loading progress, reuse cached assets, and handle failures with retries or fallback files.

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

  • Load GLTF/GLB models into a Three.js scene
  • Show loading progress across multiple assets
  • Use HDR images for backgrounds and reflections
calesthio/OpenMontage7만2026년 10월 17일 업데이트

ffmpeg

무료

Process video and audio with FFmpeg for editing and publishing. Convert formats, resize and compress files, extract audio, trim clips, and change playback speed. Includes recipes for preparing Remotion assets and exporting videos for social platforms and websites.

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

  • Convert GIF files to MP4
  • Resize and compress videos for publishing
  • Extract audio and convert audio formats
calesthio/OpenMontage7만2026년 10월 17일 업데이트

Create 3D objects from text or images, choose catalog assets for repeated scenery, and inspect the results in Blender. The workflow checks geometry, materials, scale, and ground contact while recording asset sources and generation costs.

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

  • Create a unique 3D object from a text description
  • Reconstruct a 3D object from a concept image
  • Populate scenery with catalog vegetation and rocks
calesthio/OpenMontage7만2026년 10월 17일 업데이트

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
asgeirtj/system_prompts_leaks7만2026년 10월 20일 업데이트

Create or update Codex skills with focused instructions and supporting files where needed. Organize reusable scripts, references, and output assets, clarify when the skill applies, and validate its structure without expanding the user's requested scope.

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

  • Turn a recurring task into a Codex skill
  • Revise instructions in an existing skill
  • Organize scripts, references, and output assets
openinterpreter/openinterpreter6.9만2026년 10월 11일 업데이트

imagegen

무료

Create and edit bitmap images, such as photos, illustrations, product mockups, and game assets. Use reference images for visual variations, replace backgrounds, remove objects, or make transparent cutouts while preserving specified parts of an existing image.

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

  • Create photos or illustrations for a website
  • Replace a product photo background or remove unwanted objects
  • Make transparent cutouts
openinterpreter/openinterpreter6.9만2026년 10월 11일 업데이트