Art & Design

Use this skill when the user asks to build, create, design, develop, or improve ANY frontend interface, web page, UI component, or visual element. This includes: - Building landing pages, websites, web apps, dashboards, portfolios, or any web interface - Creating UI components (buttons, forms, cards, navbars, modals, etc.) - Designing pages with React, Vue, Next.js, Svelte, or any frontend framework - Adding styling or improving visual design of existing components - Implementing specific design aesthetics (modern, dark, minimalist, brutalist, etc.) - User mentions "frontend", "UI", "UX", "design", "interface", "web design", or "styling" - User asks for "beautiful", "modern", "professional", "clean", or any aesthetic adjective - User requests help with CSS, Tailwind, styled-components, or any styling approach This skill automatically retrieves the appropriate design system prompt (Neo-brutalism, Modern Dark, Bauhaus, Cyberpunk, Material, etc.) to help create visually distinctive, production-grade frontend...

Turn a startup idea, product, URL, pitch, or existing visual identity into a distinctive startup brand system and a polished standalone HTML report. Use when Codex needs to create or refine startup positioning, a salient brand idea, brand promise, tagline, messaging, voice, creative territories, logo or symbol directions, color palette, typography, visual language, brand applications, or compact brand guidelines. Also use for startup rebrands and brand audits that should end with an actionable, openable brand identity report.

PavedPath Code is the code-focused edition of PavedPath. It helps agents solve software engineering problems by finding proven implementation paths from GitHub repositories, issues, pull requests, discussions, code examples, release notes, and open-source evidence.

A collection of 37 battle-tested marketing skills for OpenClaw agents. Use when you want to install or reference any marketing skill including: CRO (page-cro, signup-flow-cro, onboarding-cro, form-cro, popup-cro, paywall-upgrade-cro), copywriting, copy-editing, cold-email, email-sequence, social-content, seo-audit, ai-seo, programmatic-seo, site-architecture, schema-markup, content-strategy, paid-ads, ad-creative, ab-test-setup, analytics-tracking, referral-program, free-tool-strategy, churn-prevention, revops, sales-enablement, launch-strategy, pricing-strategy, competitor-alternatives, marketing-ideas, marketing-psychology, lead-magnets, product-marketing-context, and data connectors (google-ads-connect, search-console-connect, meta-ads-connect, x-twitter-connect). Start with product-marketing-context to set up your product context document, then use any other skill naturally. Powered by MyClaw.ai.

Build and iterate mobile apps that run on a real phone through Expo/React Native live preview. Use when Codex is asked to create a phone app, prototype an iPhone or Android app, run an app on a physical phone, show a QR code for Expo Go, set up a mobile dev workflow, or turn a prompt into a live mobile app without starting from Xcode/TestFlight/App Store distribution.

Use when reviewing or planning paid acquisition across Google, Meta, LinkedIn, X, Reddit, TikTok, sponsorships, retargeting, or other paid channels.

Generate beautiful, on-brand HTML — presentation decks or full responsive websites — in any brand's design language, combining brand DNA extracted via Firecrawl with codified, research-backed design principles (20 rules for slides, 20 for the web).

Run production Google Analytics 4 Data API reports with gateway-injected bearer auth, safe request review, traffic source, landing-page, time-series, revenue, session, and key-event reporting.

Page-level conversion rate optimization. Audits any landing page, homepage, pricing page, or product page for conversion issues. Analyzes copy, layout, CTAs, social proof, objection handling, and user flow. Provides specific recommendations to improve conversion rate. Use when reviewing a page for conversion improvements, auditing landing pages, or optimizing specific page elements. Triggers: page audit, landing page review, conversion audit, page optimization, CTA optimization, landing page CRO.

Launch Day Autopilot — prepare everything for a product launch. Use when user wants to launch, go live, announce, or prepare for Product Hunt / Hacker News / social media launch.

Post-Ship Growth Intelligence — track how your shipped product is performing. Use when user wants to check growth metrics, SEO trajectory, uptime, deploy frequency, or overall project health over time.

ASO（App Store Optimization）+ App 冷启动。覆盖关键词研究、metadata 优化、UGC 创作者矩阵、 TikTok 投流、AI 多账号矩阵、多语言本地化。从 gingiris-aso-growth 提炼。

Build a multi-channel marketing campaign — narrative arc, channel mix, content calendar, and CTAs. Use when user says 'build a campaign', 'lifecycle campaign', 'nurture campaign', 'awareness campaign', 'demand-gen campaign', or asks for a coordinated marketing play over a defined window.

UI/UX design intelligence, accessibility, performance, SEO, and data visualization — domain expertise for web and app developers. Includes 67 UI styles, 25 chart types, font pairing, and UX guidelines.

Generate a lead magnet content kit — ebooks, worksheets, checklists, prompt libraries, ICP templates, and landing page copy. Use when user says 'lead magnet', 'gated content', 'content kit', 'downloadable resource', 'ebook', 'checklist', 'template', 'worksheet', or asks about creating assets to capture leads.

Product and feature launch planning with full content kit generation across channels and audiences. Use when user says 'launch plan', 'product launch', 'feature announcement', 'GTM plan for launch', 'launch content kit', or mentions launching something new.

Use when a user needs lawful academic full text, CNKI institutional access, English OA retrieval, publisher API access, institutional browser fallback, or supporting information downloads.

Use this skill to generate well-branded interfaces and assets for GRC Engineering Club, either for production or throwaway prototypes/mocks/decks. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping the website, Academy, slides, social, and merch concepts.

Facebook and Instagram ad intelligence — creatives, landing pages, targeting signals, and spend patterns. Use when the user says "spy on ads," "ad research," "what ads are running," "Facebook ads," or "ad intelligence.

Use this skill when the user wants to test a business idea, strategy, or initiative against real-world risk. Triggers include: 'test my idea', 'what are the riskiest assumptions', 'help me validate this', 'run EMT on this', 'extract assumptions', 'assumption mapping', 'what could go wrong with this plan', 'pressure test this', 'validate this plan', 'what could go wrong with this strategy', 'identify hidden risk in this idea', or any request to pressure-test a business decision before committing resources. Runs a guided Extract → Map → Test system based on David J. Bland's Precoil methodology.

基于世界顶级品牌设计系统生成网页。内置 67 个知名品牌（Stripe、Notion、Apple、Tesla、Vercel 等） 的完整设计系统，根据网页类型智能推荐配色风格，使用品牌级设计规范生成高质量网页。 触发词：做网站、写网页、建站、创建页面、设计网页、做官网、产品落地页、landing page、website、 webpage、homepage、build a website、create a web page、design a landing page、make a homepage Trigger on:：帮我做一个落地页, 做个首页, 产品展示页, 活动页, 营销页, 官网首页, landing page, product page, promo page, make me a homepage, build a product showcase, create a campaign page. Workflow:asks one question about the product, then opens a live browser preview of 57 city-inspired visual styles to click-select, lets the user pick typography/nav/color tone/hero variant/features variant/page sections interactively, then outputs a complete multi-file site (index.html + style.css + main.js + SVG sprite) with real product copy.

以 HTML 为媒介产出高保真设计稿（落地页、幻灯片、交互原型、动画、设计系统、信息图、移动端 mockup 等）。 扮演专业设计师而非通用前端工程师，强调先问后做、引用既有设计系统、给出多版本变体、规避 AI 风格俗套。 触发：/axi-front-design、"做个落地页"、"设计一张海报/封面"、"做张幻灯片/PPT"、"做个交互原型"、"做个动画"、 "design a landing page"、"make a deck"、"prototype this UI"、"design system"、"hi-fi mockup"。 不适用：纯文字内容/逻辑代码、需要真实图像生成（应改用图像生成模型）、需要原生 PPTX/Figma 文件（HTML 优先）。

End-to-end website cloning, landing-page remix, and DESIGN.md extraction skill. Use when Codex is asked to clone or replicate a website/landing page 1:1 from a URL, turn a source website into a local landing page for the current project by preserving layout while replacing copy and image assets, extract a site's design system into DESIGN.md, analyze visual language, or synthesize multiple captured pages/states into reusable design guidance.

The validation gate. Turns a business idea into a validation kit and a GO or KILL verdict by running the validation playbooks. Use when validating an idea before committing to build a company.