451건 · 관련도순
Build React interfaces with HeroUI v3, including buttons, forms, cards, and modals. The skill guides installation, component documentation lookup, and light or dark theme configuration using Tailwind CSS v4 and reusable interface components.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Automate Boxhero tasks through Rube MCP, a connection for agent tools. Discover suitable actions and their input requirements, verify the connection, and run individual or batch operations using the current tool definitions.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Build iOS and Android interfaces with HeroUI Native components such as buttons, cards, text fields, and dialogs. The skill covers setup, documentation lookup, and theme configuration with Uniwind, which brings Tailwind styling to React Native.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Automate Boxhero tasks through Rube MCP, a connection for agent tools. Discover suitable actions and their input requirements, verify the connection, and run individual or batch operations using the current tool definitions.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Migrate HeroUI v2 applications to v3 with guidance for component APIs, dependencies, styling, and hooks. Choose a full migration or move components gradually while both versions coexist, using migration documentation for each step.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Migrate workloads from Heroku to AWS. Triggers on: migrate from Heroku, Heroku to AWS, move off Heroku, migrate Heroku Postgres to RDS, migrate Heroku Redis to ElastiCache, migrate Heroku Kafka to MSK, migrate dynos to Elastic Beanstalk, migrate dynos to Fargate, migrate Heroku Private Space, Heroku to ECS, leave Heroku, what-if workshop, compare migration scenarios, workshop mode. Runs a 6-phase process: discover Heroku resources live via the authenticated Heroku CLI (read-only, consent-gated) and/or from Terraform, Procfile/app.json, and billing exports, then clarify, design, estimate costs, generate artifacts, and collect feedback. Clarify must finish before Design, Estimate, or Generate. An optional post-Estimate what-if workshop reprices region/HA/compute/Graviton scenarios. Do not use for: GCP migrations (see gcp-to-aws), Azure migrations (see azure-to-aws), AWS-to-Heroku reverse migration, general AWS architecture advice without migration intent, or Heroku-to-Heroku refactoring.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Automate Calendarhero operations through Rube MCP, a connection for agent tools. The skill discovers available actions and their required inputs, checks the service connection, and executes tools using the returned specifications.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Automate Calendarhero operations through Rube MCP, a connection for agent tools. The skill discovers available actions and their required inputs, checks the service connection, and executes tools using the returned specifications.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
HeroUI Pro React の新リリースを公式サイトから調査し、 指定されたリリースノートドキュメントを追記更新するスキル。 「できるようになったこと・作れるようになったもの」を主軸に、 自然な日本語でユーザーストーリーとして記述する。 Trigger: HeroUI Pro リリースノート更新, heroui-pro release notes, heroui-pro更新, /dev:heroui-pro-release-notes
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
One full-bleed launch hero in two inks from the project's DESIGN.md: the base color and exactly one brand color, as a slowly folding ordered-dither (Bayer) field — a print/riso look, not a generic gradient. Two flat inks never blend, so there is no mud. The copy sits on a hard-edged base-ink knockout, so headline and sub copy both clear 4.5:1 by construction, and a verify script measures it across the whole timeline. Reads Core v2 tokens (and Google-compatible frontmatter), refuses to invent a palette, ships a CSS halftone poster fallback, respects prefers-reduced-motion, ~7 KiB gzip of library JS. Use for a launch page, product hero, waitlist, event or rebrand first screen that needs motion in brand color. Triggers: '셰이더 히어로', '런칭 히어로', '디더링 배경', '리소 느낌 히어로', '브랜드 컬러 배경 애니메이션', 'dither hero', 'shader hero from DESIGN.md', 'launch hero background', 'riso print hero', 'シェーダーのヒーロー', '著陸頁主視覺 shader'. Whole scroll-native landing → omd-landing / omd-aphrodite. CJK headline ink effect → omd-cjk-type-shader. Brand tokens missing → omd-init first.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
One full-bleed launch hero in two inks from the project's DESIGN.md: the base color and exactly one brand color, as a slowly folding ordered-dither (Bayer) field — a print/riso look, not a generic gradient. Two flat inks never blend, so there is no mud. The copy sits on a hard-edged base-ink knockout, so headline and sub copy both clear 4.5:1 by construction, and a verify script measures it across the whole timeline. Reads Core v2 tokens (and Google-compatible frontmatter), refuses to invent a palette, ships a CSS halftone poster fallback, respects prefers-reduced-motion, ~7 KiB gzip of library JS. Use for a launch page, product hero, waitlist, event or rebrand first screen that needs motion in brand color. Triggers: '셰이더 히어로', '런칭 히어로', '디더링 배경', '리소 느낌 히어로', '브랜드 컬러 배경 애니메이션', 'dither hero', 'shader hero from DESIGN.md', 'launch hero background', 'riso print hero', 'シェーダーのヒーロー', '著陸頁主視覺 shader'. Whole scroll-native landing → omd-landing / omd-aphrodite. CJK headline ink effect → omd-cjk-type-shader. Brand tokens missing → omd-init first.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Use when the operator wants a hero or meta image for a Prisma blog post; asks to create or generate a blog hero, cover, social card, Open Graph, or YouTube image; mentions cover art, a blog thumbnail, cover.svg/hero.svg/meta.png; references content-create-hero-image; or wants to interactively design cover imagery in Prisma's 2026 brand (light paper, prism accents, Sora). Produces an editable SVG hero plus a pixel-exact PNG meta image, and includes an interactive mode and a built-in design-review pass.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Designs the first screen visitors see — the hero section. Layout patterns (split, centered, asymmetric, full-bleed), navbar design, headline typography, CTAs, background treatments (gradients, video, particles, 3D), scroll cues, and above-the-fold conversion strategy. Activate on 'hero section', 'landing page hero', 'above the fold', 'first impression', 'homepage header', 'navbar design', 'hero layout', 'landing page design'. NOT for full multi-page site architecture (use web-design-expert), not for SEO content strategy (use seo-visibility-expert).
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Create a single HTML file with a flowing background and a prominent headline for video openings, landing page hero sections, or posters. Choose from four palettes and CSS, Canvas, or WebGL rendering approaches.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
소셜 미디어 헤더, 광고, 웹과 인쇄용 배너를 용도와 크기에 맞춰 제작합니다. 제공된 소재나 CSS 도형을 활용해 여러 디자인 방향을 비교할 수 있습니다.
회전하는 글자와 지구본, 서로 다른 속도로 움직이는 여러 레이어를 조합해 CSS로 움직이는 16:9 첫 화면을 제작하고 영상 내보내기용 HTML로 정리합니다.
Populate a running CARLA simulation with autonomous traffic, evenly spaced vehicles in one lane, or a single vehicle for control and sensors. Filter vehicle models, keep automated driving active, and remove vehicles when the scene is finished.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Add subtle mouse-responsive depth to a Three.js hero scene. Smooth pointer movement drives small camera shifts and different object rotations, keeping the subject aligned with nearby text and cards while creating a gentle sense of perspective.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Build premium scroll-driven landing pages for service, product, food, and drink brands. Plan the visitor journey, page grammar, emotional peak, and bespoke signature move. Create dimensional heroes with independent visual planes, restrained motion, and separate mobile composition. Use supplied photos and footage or generate photoreal assets through kie.ai, write semantic HTML, and verify desktop, mobile, and reduced-motion scroll states visually. Use for "scrollcraft", "scroll craft", "layered hero", "premium hero", "cinematic hero", "scrollytelling", "scroll animation site", "a site where scrolling plays a video", "Apple-style landing page", "3D scroll world", "interactive landing page", "make my brand a scroll experience", "this looks like a template", or requests for a distinctive website that feels like an experience rather than a document.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Write landing page copy with attention to the hero, value proposition, social proof, objection handling, and conversion-focused CTAs. Use this skill whenever the user wants to write a landing page, sales page, hero section, or any conversion-focused web copy. Triggers on landing page, sales page, hero copy, value proposition, headline, subheadline, hero section, CTA copy, conversion copy, opt-in page, squeeze page. Also triggers when the user has a marketing campaign or product launch needing dedicated conversion copy. Use `cro-optimization` instead when the page already exists and the ask is to lift its conversion rate through testing rather than to write the copy.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Build distinctive, production-grade frontend interfaces — websites, landing pages, dashboards, React components, HTML/CSS layouts, editorial heroes with depth-parallax (Astryx pattern), pointer-reactive fluid effects, pixel-glitch canvas heroes and terminal-style tool-panel dioramas (Composio pattern). Avoids generic AI aesthetics. Triggers on web UI, styling, beautify, frontend design, dashboard, landing page, React component, editorial hero, glitch hero, dev-tool landing page.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Trigger when: (1) the user mentions "manim", "scene", "video", "EN/KO render", "GEODE_HERO_LANG", "1080p60", or (2) editing files under `scripts/visualizations/` ending in `.py`, or (3) the user asks to render, re-render, or extend any of the four validated scenes (`geode_hero.py`, `autoresearch_filewalk.py`, `autoresearch_compare.py`, `critical_floor.py`). GEODE Manim Scene authoring standard. Locks the patterns the four validated scenes already share — Anthropic-style palette, Helvetica Neue + Pretendard font pairing with weight=NORMAL, EN/KO multilingual lang via `GEODE_HERO_LANG` env, `_dashed_arrow_with_head` stage-coupled tinting, `verify_hero_layout.py` ratchet — so the next scene does not re-discover the kerning / padding / transition regressions catalogued in [[viz-frame-audit]].
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
GLSL로 유체, 입자, 규칙에 따라 생성되는 시각 효과를 제작합니다. 레이 마칭 등의 기법으로 페이지 첫 화면의 주요 이미지와 움직임을 포착한 정지 이미지를 만듭니다.
브라우저 자동화 도구 Playwright로 홍보용 스크린샷을 만듭니다. 랜딩 페이지의 대표 이미지, App Store 등록 이미지, 업데이트 안내 자료에 활용합니다.