Art & Design

Use when fetching data in Next.js App Router — RSC fetch, caching, revalidation, Suspense streaming, parallel fetching, or Route Handlers. Ensures correct cache and waterfall behavior.

Design, implement, or review GCSA-branded visual experiences across marketing websites, product consoles, mobile apps, diagrams, and campaign assets. Use when a request concerns GCSA visual direction, brand consistency, art direction, colors, typography, design tokens, UI polish, screenshots, or cross-product visual alignment.

End-to-end client website pipeline (intake → direction → build → QA → preview deploy → handoff) that runs on autopilot and only stops for critical questions. Use when the user runs /website, asks to start/build/continue a client website, or runs it inside a folder created by the "New Website" launcher. Args - free-text business info to start, or one of - status | qa | deploy | handoff.

Helps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express interest in extending capabilities. This skill should be used when the user is looking for functionality that might exist as an installable skill.

把 Web 前端做到能上线、也审到能上线。覆盖界面方向与文案（去 AI 味）、多来源区块同族、动效、手机端原生手感，以及逐页逐组件的工程审查（状态、数据、可访问性、性能、安全边界）。用于新建或改样式、写界面文案、拼装参考站区块、加或审动效、手机 Web/PWA、前端体检、全站 review、上线前交接；用户说去 AI 味、拼装、不像一家、动效不对、手机上感觉不对、前端体检时也用。不用于 React Native、纯后端或纯文档。

Use this skill whenever you need to understand how the template works, including adding new pages, managing content, configuring pages, using components, understanding project architecture, using scripts, or styling and theming. Use it for ANY question related to the structure, usage, and customization of the project template.

A method for reviewing and building marketing and content websites so they stay correct after launch, distilled from the audit history of production sites. Covers auditing an existing site or an external audit report (SEO, accessibility, performance, security and privacy, content style, responsive layout, CMS safety, mobile and motion), and building or changing a site so every rule is an automated check that runs where it can stop a bad deploy and has been seen to fail. Use this whenever the user asks to audit, review, QA or health-check a website or a page, sends an SEO or accessibility report to act on, plans or scaffolds a new site, microsite or landing page, adds a page, feature, CMS collection or event to a site, sets up build checks or CI for a site, or asks "is the site OK", "what's wrong with this page", "can we ship this", even when they don't say "audit".

为网站、App、小程序和后台的新增前端或整体改版执行“先 UI、后开发”：逐页设计界面，生成每页带修改意见框的审阅目录，自动保存并统一导出反馈，按反馈修订，用户确认后再实现正式代码。用于前端设计、逐页审稿、收集 UI 修改意见和读取审阅导出文件；纯后端任务与不涉及设计的故障修复不套此流程。

Design or change REA investigation tools, CLI/MCP contracts, provider capabilities, and Evidence semantics.

Write or rewrite landing page copy that converts, grounded in what the product actually does. Use when the user says "write my landing page", "improve my hero", "my landing page copy is weak", "write the homepage", "pricing page copy", or "rewrite this headline". Produces headline, subhead, feature sections, social proof scaffolding, FAQ, and CTAs — and writes them into the actual page components.

从零搭建/改造纯静态多页作品集（无框架、无构建），含数据驱动渲染、SVG 示意图、3D 与动效、性能优化、上线前验收。当用户要求"做作品集网站 / 多页站点 / 加作品卡片 / 美化页面 / 上线前检查 / 页面掉帧优化 / 部署到 GitHub Pages"时使用。含本次实战踩过的坑与验证方法。

Generate a single-file HTML "flash" landing page for a new product, workshop, or launch. Use when the user wants a quick, simple-but-classy sales page (Indonesian-first) with a direct-buy CTA to lynk.id or a payment gateway, a fresh visual style per product, and only the HTML code as output. Triggers on "bikin landing page", "flash page", "landing page produk baru", "sales page", "halaman jualan".

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.

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.

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

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

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

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.

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".

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

>- 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.