Art & Design

When the user wants to optimize, improve, or increase conversions on any marketing page — including homepage, landing pages, pricing pages, feature pages, or blog posts. Also use when the user says "CRO," "conversion rate optimization," "this page isn't converting," "improve conversions," or "why isn't this page working." For signup/registration flows, see signup-flow-cro. For post-signup activation, see onboarding-cro. For forms outside of signup, see form-cro. For popups/modals, see popup-cro.

Turn rough notes about a finished project into a portfolio case study and a short LinkedIn or social post that proves skill with the problem, process, and result, without inventing metrics. Use when a user finishes a project and asks to add it to their portfolio, write a case study, a Behance or Dribbble description, or a LinkedIn post about their work.

Use when sizing Public Equity Investing positions, finding equity hedges, or building an integrated position-and-hedge risk plan from a listed-equity thesis. Do not use for thesis construction, standalone event underwriting, trade execution, personal investment advice, or credit-instrument risk.

Automate Klipfolio tasks via Rube MCP (Composio). Always search tools first for current schemas.

Develop and maintain a leader's Personal Brand System through interviews, a living knowledge base, brand assets, presence planning, and context-specific communication.

店舗・施設・事業者のホームページ／Webサイト／LP／ランディングページを新規に作る・作り直す・デザインを直すときに必ず使用。日本語向けデザインシステム（明朝の大見出し・非対称版面・濃色帯・出典の見せ方）、設計思想テーゼの書き方と6つの型、実測で数値を当てる検査、目視手順を提供し、「情報は正しいが平板」な既定値の成果物を防ぐ。※管理画面・ダッシュボード・ゲームUIには使わない。

Use when the user shares a screenshot of their investment portfolio (IBKR stocks or SwissBorg crypto). Parses the holdings and updates portfolio.json in the investment newsletter repo.

> 이 파일을 AI에게 주입하면 랜딩 한 장을 구조 계약 안에서 생성합니다.

Generate high-converting App Store listing metadata (name, subtitle, keywords, and description) using proven ASO principles and keyword optimization.

vite-plugin-agent-eyes 的 agent 使用手册。两块能力：① 自愈遥测——读结构化运行时日志（API/错误/控制台/交互/代理 header）+ 脱敏登录态 + 截图 + DOM 快照，不靠猜代码就诊断修复；② 提交治理——agentGit（去 husky，统一 pre-commit/post-commit + 飞书通知）、agentGuard（提交期硬拦 secret/超长文件/屎山）、agentSizeWatch（dev 期实时警告超长文件）。在 Vite/Astro 项目里配置 agentGit/agentGuard/agentSizeWatch 或排查 guard 拦截/误报时必读。

Universal web development principles — accessibility (WCAG 2.2), performance (Core Web Vitals), security headers (OWASP), SEO, responsive design, error UX, and loading states. Framework-agnostic.

Audits and improves SEO for static HTML sites. Use when the user asks to audit, set up, or improve SEO on a static site (Hugo, Jekyll, 11ty, Gatsby, Next.js static export, hand-rolled HTML, or `wp-static-clone` output), or mentions head metadata, structured data, JSON-LD, sitemaps, IndexNow, Open Graph images, schema endpoints, NLWeb, hreflang, or search engine indexing for a static site. For Astro projects, use `astro-seo` instead — its recipes produce less hand-rolled boilerplate by routing through `@jdevalk/astro-seo-graph`.

Use this skill when writing or refactoring Astro TypeScript code: Astro for static pages and layouts, SolidJS or React islands for all interactivity, CSS Modules in separate files, hydration directives, content collections, server islands, on-demand rendering, Astro Actions, and accessible semantic HTML. Use alongside `ui-engineering` whenever the task also involves shared UI structure, styling, semantics, accessibility, or foundation-component decisions. Trigger on requests to build an Astro page, layout, island, action, or server-rendered feature.

Smallest Better Translate setup for plain TypeScript, Node.js, Bun, APIs, and shared libraries.

>- Discipline for Astro v5 static-site projects (Tailwind v4, MDX, content collections, sitemap, RSS). Use when the repo has astro.config.{mjs,ts}, src/content.config.ts, or `astro` in deps; when adding content collections, pages, redirects, or sitemap entries; when migrating a site from WordPress or another platform; when debugging Astro build/check failures. Encodes the canonical layout, content schema patterns, sitemap filter, redirect handling, and Tailwind v4 conventions used across this user's Astro template lineage.

Astro 5.0 + Tailwind CSS landing page with blog, dark mode, and perfect PageSpeed scores.

Build static or SSR websites with Astro 5. Covers project setup, layouts, pages, integrations (@astrojs/sitemap, @astrojs/mdx), SEO (meta, OG, JSON-LD, sitemap, robots.txt), ebook/content layouts with sidebar nav and progress bars, Cloudflare Pages deployment, and known pitfalls (JSX curly-brace parsing, lightningcss, import paths). Use when the user asks to build an Astro site, deploy to Cloudflare Pages, create an ebook/documentation site with Astro, or scaffold a portfolio/blog/marketing site with Astro.

>- Assists with building and deploying full-stack serverless applications on AWS using SST. Use when defining Lambda functions, API Gateway routes, DynamoDB tables, S3 buckets, or deploying Next.js/Remix/Astro with SSR on AWS. Trigger words: sst, serverless stack, sst dev, sst deploy, aws lambda, sst ion, resource linking.

Build, debug, and deploy websites with HTML, CSS, JavaScript, modern frameworks, and production best practices.

Write SEO pages that rank on Google AND get cited by LLMs. Uses live SERP data, 500-token chunk architecture, RAG optimization for Gemini 3.5 Flash, the Two-Gate AEO framework (retrieval-pool entry + selected-citation extraction), the Anti-NLP Stuffing Protocol (structural entity placement, no keyword-density stuffing), strict single-service local isolation, and the Reddit Test quality gate. Triggers on: "write an SEO page", "seo-agi", "seo page for [keyword]", "rank for [keyword]", "rewrite this page for SEO", "GEO", "AEO", "write a page that ranks".

Deploys websites, web apps, APIs, and agents to the internet with a strict pre-deploy audit and a preview → health-check → prod flow. Handles plain HTML/CSS/JS pages and static sites (Astro, Hugo, Jekyll, Eleventy, Vite) as well as Next, Remix, Nuxt, SvelteKit, FastAPI, Flask, Express, MCP servers, Claude Agent SDK scripts, Python workers, and Dockerized projects. Routes to free static hosts — Cloudflare Pages, Netlify, GitHub Pages, Render — or to Vercel, Railway, Docker+SSH VPS, or a cloudflared tunnel, and can also run the project locally. Use when the user says "/all-deploy", "/deploy", "/despliega", "deploy this", "ship this", "push to prod", "get this online", "publish my website", "sube mi página web", "publicar mi página", "hosting gratis", "free hosting", "custom domain", "dominio propio", "run it locally", "corre esto localmente", or otherwise asks to publish a site or project to a URL.

Audit a website against the Forter Agentic Readiness Guide. Loads the 25 weighted rubrics in `audit/`, probes the target site (and optional source code), scores each guideline Pass/Partial/Fail/N/A with sub-check granularity, and produces a prioritized fix report. Use when a user asks "score my site against the agentic readiness guide", "audit https://… for agent readiness", or "what do I need to fix to be agent-ready".

网站复刻 / 克隆方法论。USE WHEN 用户说 复刻网站、克隆网站、clone website、抄个站、仿站、 照着这个站做一个、reproduce site、还原某个网页效果、把这个站搬下来改成我的、 复刻某个交互/WebGL/Canvas/Three.js 效果。提供「先拿真源码 → 判路径 → 逆向拆解 → 搭工程 → 替换内容」的可移植决策树，覆盖静态站 / React-Vue-Next 内容站 / WebGL-Canvas 重前端站三大分支，并强制核对任何 AI 二手分析里的可执行代码。

An autonomous software factory that knows what it is supposed to deliver, and proves it did. Use when the user says Loki Mode or asks to build, fix or verify software autonomously.