본문으로 건너뛰기
cccskills

'showcase' 검색 결과

126건 · 관련도순

Turn repository documentation and images into a complete landing page with features, setup instructions, and FAQs. Generate static HTML, CSS, and JavaScript files, plus a GitHub Actions workflow for publishing on GitHub Pages.

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

  • Turning a README into a project showcase page
  • Creating a homepage for an open-source project
  • Standardizing landing pages across projects
FlorianBruniaux/claude-code-ultimate-guide6.2천2026년 10월 20일 업데이트

Build forms with Formik and yup, a library for defining input validation rules. Apply field errors, submission feedback, edit detection, and step-specific validation to login screens, editing forms, and forms split across multiple steps.

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

  • Building login and registration forms
  • Adding conditional input validation
  • Editing existing records with change detection
ChrisWiles/claude-code-showcase6.1천2026년 1월 7일 업데이트

Build React interfaces that clearly handle loading, errors, empty results, and submissions. Use examples and checklists to keep existing data visible during refetching, offer retry actions, and disable buttons while asynchronous operations are running.

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

  • Keeping existing data visible during refetching
  • Adding visible errors and retry actions
  • Showing guidance when lists or search results are empty
ChrisWiles/claude-code-showcase6.1천2026년 1월 7일 업데이트

Write Jest unit tests for component behavior and user interactions. Includes reusable test data builders, mock replacements for dependencies, and test-driven development, where a failing test guides implementation before the code is cleaned up.

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

  • Testing component rendering and form interactions
  • Creating reusable test data with selective overrides
  • Replacing modules and GraphQL hooks in tests
ChrisWiles/claude-code-showcase6.1천2026년 1월 7일 업데이트

Investigate bugs and failing tests through four stages: finding the root cause, comparing working patterns, testing a hypothesis, and implementing a fix. Uses reproduction steps, diagnostic evidence, and regression tests to check the result.

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

  • Tracing the cause of a failing test
  • Following runtime errors back to invalid data
  • Finding the change that broke working code
ChrisWiles/claude-code-showcase6.1천2026년 1월 7일 업데이트

Build GraphQL data queries and updates with separate operation files and generated types and hooks, reusable functions for React. Follow Apollo Client patterns for error messages, loading feedback, cache updates, and reusable field selections.

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

  • Building a GraphQL list view
  • Adding data creation or update forms
  • Generating types and hooks from operation files
ChrisWiles/claude-code-showcase6.1천2026년 1월 7일 업데이트

Build screens, forms, and lists with shared UI components and design tokens, named values for spacing, colors, and typography. Provides patterns for consistent layouts, button variants, validation messages, and reusable component properties.

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

  • Building screens with shared UI components
  • Replacing fixed colors and spacing with design tokens
  • Creating consistent forms and list layouts
ChrisWiles/claude-code-showcase6.1천2026년 1월 7일 업데이트

Upgrade Three.js games from prototype visuals to premium browser graphics: art-direction critique, procedural model building, material and texture libraries, world prop kits, shaders, VFX, lighting and render pipeline, LOD and instancing, render budgets, and a 10-category visual scorecard. Use when screenshots still look basic or the user asks for premium, AAA, high-fidelity, showcase, or less-basic graphics.

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

majidmanzarpour/threejs-game-skills2.6천2026년 9월 28일 업데이트

Add another file (resource) to an EXISTING dataset in a PortalJS portal — a data dictionary, methodology, or an additional data file. Turns a single-file dataset into a multi-resource one; the showcase renders a section per resource. Use when a dataset needs a second file, such as a data dictionary, methodology doc, or an additional period's data.

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

datopian/portaljs2.4천2026년 10월 20일 업데이트

Wire a scaffolded PortalJS portal to a CKAN backend over its API. Generates a tiny server-side fetch client (no runtime dependency) and feeds the /search catalog and /@namespace/slug showcases from CKAN instead of datasets.json. Use when connecting an existing portal to a live CKAN instance instead of a static manifest.

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

datopian/portaljs2.4천2026년 10월 20일 업데이트

Auto-ingest a geospatial file (GeoJSON, Shapefile, GeoPackage, KML/KMZ, FlatGeobuf, CSV-with-geometry) into a PortalJS portal on the user's own machine, with no server. Normalizes CRS to EPSG:4326, derives a PMTiles render tier and a GeoParquet query tier, pushes all three artifacts to Cloudflare R2 via Git LFS, and appends one dual-tier datasets.json entry the showcase auto-renders. Use when the source is a vector geo format that needs a map or spatial-query view.

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

datopian/portaljs2.4천2026년 10월 20일 업데이트

Add a dataset (CSV, TSV, JSON, or GeoJSON) to an existing PortalJS portal. Appends an entry to datasets.json so the catalog and showcase render it automatically; routes the data by source (local file vs remote URL) — R2 via Git LFS by default, remote URLs by passthrough. Use when registering a new dataset in a scaffolded portal.

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

datopian/portaljs2.4천2026년 10월 20일 업데이트

Audit a local or remote tabular file (CSV/TSV) for common data quality issues — schema, nulls, types, duplicates. Read-only. Use when a dataset needs a quality check before publishing, or a showcase renders wrong (blank cells, garbled numbers, an unsortable date column) and the cause needs isolating.

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

datopian/portaljs2.4천2026년 10월 20일 업데이트

Define a dataset's metadata profile — infer a Frictionless Table Schema from its data, add Data Package metadata (license, sources, keywords), and write it into datasets.json so the showcase renders a typed field table. Extend or customize via the L0-L3 profile ladder. Use when a registered dataset needs field types, constraints, or catalog metadata before publishing.

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

datopian/portaljs2.4천2026년 10월 20일 업데이트

Redesign GitHub README homepages or create project-native pure SVG, hybrid SVG-composed PNG/WebP, and opt-in animated GIF assets. Use when a user asks to beautify, redesign, rebrand, visually upgrade, simplify, or audit a GitHub README; create only a hero, section headers, diagrams, badges, motion graphics, showcase modules, or other README assets; or turn a repository homepage into a cohesive visual story. If whole-README work versus asset-only work is unclear, ask which scope the user wants. For hero-like assets where pure SVG and generated raster material are both viable, explain the tradeoffs and confirm the implementation before creating the asset.

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

oil-oil/beautify-github-readme1.9천2026년 10월 4일 업데이트

Generates professional animated CLI demos as GIFs using VHS terminal recordings. Use to create terminal demos, record CLI workflows as GIFs, generate animated documentation, build demo tapes for README files, or showcase any command-line tool visually: record terminal / VHS tape / demo GIF / animate my CLI.

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

daymade/claude-code-skills1.5천2026년 10월 20일 업데이트

Creates an elegant, realistic Vinyl Record Player animation component for Remotion. Use when needing a music player UI, album showcase, or audio-visualizer interface in a video. (Keywords: 黑胶唱片, 音乐播放器, 唱片机, 专辑展示, 音频可视化)

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

vibe-motion/skills1.4천2026년 10월 6일 업데이트

Render a 'model comparison grid' video from a config — a fal-style "same prompt, N contenders" showcase — a dark real-DOM stage where per beat a monospace prompt fades in centered, docks to a small top strip, then a labeled 2-4 panel grid (static images OR muted video clips, mixable per cell) staggers in and holds for comparison, plus a minimal end card — frame-stepped via Playwright (video cells are frame-seeked deterministically) and encoded with FFmpeg. Deterministic assembly, FREE (cell media comes from create-image-fal / create-video-fal, music from create-music-elevenlabs), text stays pixel-crisp. Use for the model-comparison-grid format.

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

gooseworks-ai/goose-skills1.3천2026년 10월 20일 업데이트

Generate food and beverage video prompts for Seedance 2.0 on Higgsfield. Use whenever the user wants food videos, recipe content, restaurant promos, beverage ads, cooking videos, food ASMR, menu showcases, food delivery ads, café content, or any food/drink video. Triggers on: food video, recipe, cooking, restaurant, beverage, food ad, food ASMR, menu, café, cocktail, food photography video, appetite appeal, food styling, mukbang, or any food/drink video request. Use even for "make my food look delicious" or "restaurant promo video.

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

beshuaxian/higgsfield-seedance2-jineng9782026년 4월 10일 업데이트

Turn one sentence of intent into tasteful, produced motion. Given a natural-language request like "make a good-looking animated landing page", "add a delightful like animation", or "make a silky release video", this skill classifies the intent, picks the most suitable recipes from the motion-anything library while honoring MOTION-SPEC.md (timing, easing, and the restraint budget), and produces the output. The universal entry point to motion-anything. Works on web pages, slides, app-showcase pages, and video.

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

nexu-io/motion-anything8962026년 7월 7일 업데이트

Turn a product or marketing URL, pasted script, or brief into a product launch / promo video — SaaS promos, feature reveals, product demos, app and company launches. Use when the user wants to market, launch, promote, or reveal a product; the default for any commercial URL. Site tours / showcases of a website route here too — the brief carries the show-it-as-is intent. Unclear → /hyperframes.

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

coco-research/coco8172026년 10월 20일 업데이트

Use when the user wants a video of a website (site tour, portfolio, docs or landing-page showcase) captured from a URL. Deprecated upstream since v0.7.59: folded into /product-launch-video, which owns URL promo work.

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

coco-research/coco8172026년 10월 20일 업데이트

Plan compelling App Store screenshot sequences that showcase your app's value. Use when preparing App Store assets, improving screenshot conversion, or drafting screenshot captions for a launch or major update.

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

rshankras/claude-code-apple-skills8142026년 7월 24일 업데이트

awwwards

무료

Build award-caliber websites from a one-line prompt such as "make me a portfolio, my name is Ana". Uses the bar of sites that win Awwwards Site of the Day as a quality standard. Covers concept, art direction, typography, motion choreography, WebGL, page transitions, real content, SEO, accessibility and performance, then visual QA in a browser. Next.js by default, Astro for animation-heavy static showcases, or the stack the project already uses. Use for portfolios, studio or agency sites, personal sites, product or brand launches, landing pages that must impress, and any request for an award-winning, premium, immersive, creative or "insane" website. To only score or review a site without changing it, use /jury.

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

juliobsz/skills7452026년 10월 20일 업데이트