'hero' 검색 결과

GLSL로 유체, 입자, 규칙에 따라 생성되는 시각 효과를 제작합니다. 레이 마칭 등의 기법으로 페이지 첫 화면의 주요 이미지와 움직임을 포착한 정지 이미지를 만듭니다.

• 페이지 첫 화면의 주요 이미지 제작
• 유체 시뮬레이션 표현
• 입자 효과 제작

영화 같은 애니메이션, MiniMax API의 AI 생성 미디어와 생성 예술을 활용해 히어로 페이지와 작품 소개 사이트를 만드는 스킬을 안내합니다.

• 영화 같은 움직임의 히어로 페이지를 만듭니다
• 작품 소개 사이트를 제작합니다
• AI 생성 미디어를 웹에서 활용합니다

유체처럼 색이 흐르는 배경에 큰 제목이나 짧은 메시지를 겹친 단일 HTML을 만듭니다. 영상 도입부, 랜딩 페이지의 메인 비주얼, 포스터에 사용할 수 있습니다.

• 짧은 메시지가 있는 영상 도입부 제작
• 랜딩 페이지의 메인 비주얼 제작
• 유체 배경을 사용한 포스터 제작

Generate blog hero images, social previews, product photos, and infographics with Gemini through the banana extension. Apply settings suited to each use, then receive guidance on descriptive alt text, file naming, WebP conversion, and image metadata.

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

• Create a social sharing preview image
• Generate a main image for a blog post
• Produce a product photo with a white background

Build a cyberpunk title frame for video transitions or a web hero, the main visual area of a page. Use supplied title text with color offsets, scanlines, noise, and glitch animation in a single HTML file.

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

• Create a glitch title for a video transition
• Design a cyberpunk web hero
• Style a supplied title with digital distortion

Add a real 3D object to a web page using Three.js. Combine geometric depth, materials that respond to light, perspective, and subtle rotation or floating motion for hero sections and product visuals.

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

• Adding a faceted 3D object to a hero section
• Creating metal or ceramic-looking product visuals
• Adding subtle rotation and floating motion to web layouts

Create a near-black animated canvas background with large square pixels and ordered dithering, a repeating pattern that represents shades. Broad waves and cloud-like forms provide atmosphere behind framed interfaces, hero text, or data displays.

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

• Adding monochrome atmosphere behind a dark interface
• Placing pixelated waves behind hero text
• Creating cloud-like backgrounds for data displays

Create dark interfaces with frosted glass panels, gradient borders, and subtle glow. The skill provides CSS and Tailwind patterns for cards, hero sections, and dashboards, with checks for readable contrast, visible focus, and mobile behavior.

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

• Create a dark frosted glass hero section
• Convert a bright interface to dark glass styling
• Add gradient borders to cards and modals

Add a white, twinkling dotted trail that follows the mouse behind website content. The skill guides WebGPU rendering, which uses the graphics processor, with static backgrounds for unsupported devices and accessibility preferences.

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

• Add a mouse-following trail to a hero section
• Create an interactive contact section background
• Keep a static background on touch devices

Turn ideas, experiences, and messages into structured stories for pitches, brand narratives, speeches, and creative writing. Choose a narrative framework, identify missing story beats, and refine tension and pacing while keeping factual claims separate from invention.

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

• Structuring a founder or brand origin story
• Turning a product pitch into a story
• Refining the dramatic flow of a speech

Create a single HTML file with a flowing, animated background and a prominent quote or headline. Use it for a video intro, a landing page's main visual, or a poster, with landscape and portrait layouts available.

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

• Creating a video intro with a short message
• Designing a landing page's main visual
• Making a poster with a flowing background

Paid Gemini image generation for blog heroes, inline illustrations, and OG cards (direct API by default, optional MCP for edits). Asks for explicit consent before the first paid call. Runs only on an explicit request: /blog image, "generate a blog hero image", "blog illustration", "edit this blog image", "OG image", or when blog-write or blog-rewrite needs a hero. Not for charts (blog-chart) or stock-photo search.

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

Deprecated compatibility entry for Hero construction. This component is now maintained in Bricks; install and use component-builder to build a new Hero.

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

Expert blueprint for MOBA games including lane logic (minion wave spawning every 30s), tower aggro priority (hero attacking ally over minion over hero), click-to-move controls (RTS-style raycasting), hero ability systems (QWER cooldowns, mana cost), fog of war (SubViewport projections), and authoritative networking (server validates damage). Use for competitive 5v5 or arena games. Trigger keywords: MOBA, lane_manager, minion_waves, tower_aggro, click_to_move, ability_cooldowns, fog_of_war, comeback_mechanics.

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

Expert blueprint for MOBA games including lane logic (minion wave spawning every 30s), tower aggro priority (hero attacking ally over minion over hero), click-to-move controls (RTS-style raycasting), hero ability systems (QWER cooldowns, mana cost), fog of war (SubViewport projections), and authoritative networking (server validates damage). Use for competitive 5v5 or arena games. Trigger keywords: MOBA, lane_manager, minion_waves, tower_aggro, click_to_move, ability_cooldowns, fog_of_war, comeback_mechanics.

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

Generate or update documentation for the AI Hero API by reading the source code at ~/repos/ai/course-builder. Use when user wants to document, update docs for, or understand the AI Hero API endpoints.

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

Landing page conversion optimization with layout rules, hero section design, and CTA psychology. Covers above-the-fold formula, social proof placement, mobile design, and F-pattern reading. Use for: startup landing pages, product pages, SaaS marketing, conversion optimization. Triggers: landing page, hero section, above the fold, conversion optimization, landing page design, cta button, hero image, landing page layout, saas landing page, product page design, conversion rate, landing page best practices

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

Symfony UX Icons for rendering SVG icons in Twig templates. Supports 200,000+ Iconify icons (Lucide, Heroicons, Tabler, Material Design, etc.), local SVG files, and custom icon sets with aliases. Use when displaying icons, configuring icon defaults, importing or locking on-demand icons, creating icon aliases, or styling SVG icons with CSS. Code triggers: <twig:ux:icon />, ux_icon(), UX_ICONS_DEFAULT_ICON_ATTRIBUTES, icon.yaml, icons/, iconify:, lucide:, heroicons:, tabler:, mdi:, bin/console ux:icons:lock, bin/console ux:icons:import. Also trigger when the user asks "how to add an icon", "how to use Lucide/Heroicons/Tabler icons", "how to render an SVG icon in Twig", "how to lock icons for production", "how to create icon aliases", "how to style an icon", "icon not found", "icon not rendering". Do NOT trigger for interactive maps (use ux-map) or general Twig components (use twig-component).

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

Build an award-winning "3D scroll" website of ANY kind from ONE prompt — product launch, portfolio, agency, contractor/home-services, restaurant, real estate, personal brand, event, app, etc. Generates a high-end cinematic hero visual + clips (360° orbit, fly-through, reveal, explode, parallax) fitting the site's subject with the Higgsfield MCP, slices them into a scroll-scrubbed canvas frame sequence with ffmpeg, builds a branded multi-section site (Lenis smooth scroll + scroll reveals), and launches it on localhost. Use when the user asks for a "3D scroll" site, scroll-driven hero/reveal, a cinematic landing page, a buckssauce/Apple/Awwwards-style scroll site, or "build me a website like X" — for a product OR a service, person, place, or brand. Trigger words: 3D scroll, scroll animation, cinematic hero, fly-through, turntable, scroll site, landing page, portfolio site, agency site, Higgsfield site.

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

AgentHero AI - Hierarchical multi-agent orchestration system with PM coordination, file-based state management, and interactive menu interface. Use when managing complex multi-agent workflows, coordinating parallel sub-agents, or organizing large project tasks with multiple specialists. All created agents use aghero- prefix.

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

Paid Gemini image generation for blog heroes, inline illustrations, and OG cards (direct API by default, optional MCP for edits). Asks for explicit consent before the first paid call. Runs only on an explicit request: /blog image, "generate a blog hero image", "blog illustration", "edit this blog image", "OG image", or when blog-write or blog-rewrite needs a hero. Not for charts (blog-chart) or stock-photo search.

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

Create or refresh screenshot-led product hero images, localized interface captures, and image-led README sections for GitHub repositories. Use whenever a user asks to make a GitHub README show a GUI product visually, add software screenshots, design a README hero image, reproduce a screenshot-collage reference, or prepare repository-bound visual documentation. For GUI applications, default to the deterministic product-proof split hero with real software screenshots unless the user explicitly requests another visual direction.

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

Design banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with optional generated or supplied visuals. Actions: design, create, generate banner. Platforms: Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display, website hero, print. Styles: minimalist, gradient, bold typography, photo-based, illustrated, geometric, retro, glassmorphism, 3D, neon, duotone, editorial, collage. Use when the user asks for a banner, cover image, ad creative, or website hero image.

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

Edits the heroSection singleton in the Sanity studio. Use when the user wants to change the homepage hero copy, name, title, role rotator, or contact email.

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