895건 · 관련도순
Choose a visual direction for landing pages using WebGL, a browser graphics technology. Balance brand style with readable copy, clear calls to action, mobile performance, accessibility, and implementation effort, then define fallbacks and build priorities.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Turn five collected UI references into five original landing pages with distinct brands, copy, and imagery. Each page gets its own Codex task and workspace, with build checks, a source commit, and private deployment through Sites.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Check whether a guide and its landing site show matching versions, template counts, and quiz totals. Get a structured status report that identifies mismatches, points to affected files, and suggests specific corrections.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Generate a complete, deployable landing page from a brief. Produces a single self-contained HTML file with Tailwind CSS (via CDN), responsive design, dark mode, semantic HTML, and OG meta tags. Sections: hero with CTA, features, social proof, pricing (optional), FAQ, footer. Use when building a marketing page, product launch page, coming soon page, or any standalone landing page. Triggers: 'landing page', 'create a page', 'marketing page', 'launch page', 'coming soon page', 'one-page site'.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
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.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Use when a NEW landing page, sales page, or single-product page has to be built — seven-section structure, one page one goal one CTA, copy per block, mobile-first rules, technical and speed requirements, tracking plan, A/B test plan, and a dropshipping single-product mode. Trigger on 'landing page brief', 'build a sales page', 'I need a landing page', 'brief for the dev', 'Shopify product page', 'what should go on the page'. Also use when ad traffic is ready and there is nowhere to send it. Not for — the ad copy pointing at the page, see `05-ad-copy-global`; the offer and its value stack, see `31-offer-design-global`; scoring a finished design, see `47-design-review-global`; coded email, see `49-html-email-template-global`.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Scroll-native one-page landing that overwhelms — concept, composition, asset placement, and scroll choreography derived from DESIGN.md and the measured landing-craft codex. Trigger: '랜딩 페이지', '원페이지', 'landing page', 'one-pager', 'hero to footer', '스크롤 랜딩', 'affinity.studio 같은'.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Scroll-native one-page landing that overwhelms — concept, composition, asset placement, and scroll choreography derived from DESIGN.md and the measured landing-craft codex. Trigger: '랜딩 페이지', '원페이지', 'landing page', 'one-pager', 'hero to footer', '스크롤 랜딩', 'affinity.studio 같은'.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Writes conversion-focused landing page copy - headlines, subheads, value propositions, feature and benefit blocks, social proof, FAQs, and CTA button text - using PAS, AIDA, or StoryBrand. Use when the user wants words for a landing page, sales page, product or pricing page, waitlist page, homepage hero, or ad-to-page flow, including rewriting weak copy, generating headline or CTA variants for A/B tests, or turning a product description into page sections. Use landing-page-optimizer instead for auditing an existing page's performance, and a frontend skill for building the page itself.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Landing Page Audit & Optimizer. Analyzes landing pages for ad-to-page alignment, message match, CTA clarity, trust signals, mobile optimization, and form friction. Generates specific rewrite suggestions with before/after copy, or builds a complete landing page outline from scratch.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Audits any landing or service page across 48 checks in 10 categories for LLM/AI discoverability, GEO readiness, content clarity, schema markup, internal linking, freshness signals, and technical crawlability. Produces an overall score out of 100, a per-category score out of 100, pass/warn/fail/ manual counts, and a prioritised fix list — all rendered as a standalone HTML report saved to disk. Use when a user provides a URL and asks to audit it, score it, check its GEO readiness, test its AI discoverability, run a landing page audit, or evaluate it for LLM citation potential. Also trigger on phrases like "audit this page", "score this URL", "check GEO for", "is this page AI-ready", "run a GEO audit", "LLM page check", "how would AI read this page", or "landing page score".
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Produce complete landing page copy using perception engineering and conversion frameworks. Generates hero section, value props, social proof blocks, objection handlers, and CTA — all scored against quality gates. Use when "landing page", "sales page", "LP copy", "write a landing page", "hero section", "conversion page", "signup page", or any request to produce persuasive page copy that converts visitors.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Use on any core for first-run planning intake — Phase 0 runs the vendored BMAD-METHOD planning shelf, shared by every core, and Phase 1 (mining `04-prd.md` into intent records plus the Add-ons/sync-and-remote-entities decision) is full-stack-app's and pwa-app's shared procedure — identical mechanics, a different decision at step 5/8. Phase 0 also defines compressed intake, the path a user's explicit "just build it" choice takes on full-stack-app, pwa-app, authored, and copywriting cores: one batched round of questions in place of the shelf, writing a thinned archive at the same paths so Phase 1 (or, on copywriting, that core's own mining step), `ux-planner`, and the Re-entry pass all keep their documented source. Also use for the Re-entry pass, which mines new scope into additional intents without re-running the shelf, on any core with a module axis to add an intent to (full-stack-app, pwa-app, authored) — landing-page has none, so its own new-scope path runs through `hedgehog-landing-loop`'s Correction Protocol instead. Invoked by the `planner` agent, which decides the path; don't run standalone. landing-page runs this skill's Phase 0 on first run, then mines the same archive through `hedgehog-landing-loop`'s own planning-intake section, that core's counterpart to this skill's Phase 1. copywriting runs this skill's Phase 0 the same way (full or compressed), then mines the same archive through `hedgehog-copywriting-loop`'s own planning-intake section into a what/audience/register brief — no module axis, so its own new-scope path runs through that loop's Correction Protocol rather than the Re-entry pass below. An authored core runs this skill's Phase 0, then `hedgehog-core-design`, then this skill's Phase 1 mining against the designed layer sequence. A brownfield adoption (`hedgehog-adopt`) never runs this skill's shelf at all — the drivers BMAD elicits are already settled facts of a repo that already exists.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Design and build cohesive web pages with custom visual identity — landing pages and portfolios get rich anatomy + section archetypes; any other page type (blog, about, pricing, contact, coming-soon, dashboard, admin, e-commerce, custom) is supported through generic anatomy + skeleton. Use this skill whenever the user mentions: landing page, portfolio, personal site, hero section, marketing page, product page, sales page, splash page, blog page, about page, pricing page, contact page, coming-soon, waitlist, dashboard, admin panel, e-commerce store, redesign my site, design my portfolio, build a portfolio, work showcase, hire-me page, perfect-ui, perfect landing, or asks to create any web page surface. Two tiers: special (landing | portfolio — rich treatment) and generic (everything else — universal craft toolkit). Self-contained 8-phase pipeline: vibe discovery → visual direction (color/typography/mood) → custom icon set (NO emoji, NO icon library) → AI-generated visuals → optional shader effects layer → inline plan + implement on Next.js + Tailwind + shadcn. Always proposes effect layer as optional. No refusals; outputs distinctive sites, not AI slop.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Convert any landing page or website into an Ozor.ai video prompt. Use this skill whenever the user provides a URL, landing page content, or website copy and wants to turn it into a video. Trigger on phrases like 'make a video from my website', 'video from this landing page', 'turn my homepage into a video', 'video from this URL', 'product page to video', 'website to video', 'marketing video from my site', 'convert this page to video', or any request to transform web content into video format using Ozor.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
One-route pattern: public marketing landing plus signed-in workspace. Use when creating or fixing a landing page or a feature's front door, guests see an error, 'make /X work signed out', signed-in users land on a pitch, or ModuleLanding / AuthedWorkspaceCTA. NOT for (public) share viewers or free tools.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
제품이나 새 기능 출시를 위해 고객과 경쟁사를 조사하고 홍보 방향을 정합니다. 랜딩 페이지, 이메일, 소셜 미디어, 광고, 짧은 영상 원고와 게시 일정을 만들고 채널별 표현과 주장을 점검합니다.
스크롤에 맞춰 영상과 시각 효과가 진행되는 랜딩 페이지를 제작합니다. 정보와 감정의 흐름을 설계하고 HTML 구현부터 스크롤 위치별 화면 검증까지 수행합니다.
브랜드 자료, 스크린샷, 기존 코드를 바탕으로 HTML 랜딩 페이지와 슬라이드, 조작 가능한 프로토타입을 제작하고 구성과 시각적 대안을 비교하며 표시와 동작을 확인합니다.
슬라이드, 문서, 보고서, HTML 랜딩 페이지의 색상과 글꼴을 통일합니다. 열 가지 기본 테마를 선택하거나 원하는 분위기에 맞는 새 테마를 만들 수 있습니다.
제공된 템플릿과 구역별 레이아웃으로 랜딩 페이지, 요금표, 문서 목록 등의 시안을 구성하고 단일 HTML 파일로 만듭니다.
슬라이드, 문서, 보고서, HTML 랜딩 페이지에 글꼴과 배색 테마를 적용합니다. 10가지 사전 설정으로 자료와 페이지의 외관을 정돈합니다.
브라우저 자동화 도구 Playwright로 홍보용 스크린샷을 만듭니다. 랜딩 페이지의 대표 이미지, App Store 등록 이미지, 업데이트 안내 자료에 활용합니다.
용도와 독자, 브랜드에 맞춰 랜딩 페이지와 포트폴리오를 설계하고 구현합니다. 색상·서체·움직임의 방향을 정하고 일관성, 가독성, 화면 너비 대응을 확인합니다.