Art & Design

Build stunning websites, landing pages, portfolios, and web apps by chatting with Nansi on WhatsApp. A no-code, mobile-first AI website builder — just describe what you want (text or voice note) and get a live site in under 2 minutes. No coding, no design skills, no app to download. Great for small businesses, entrepreneurs, freelancers, and anyone who wants a professional website without touching a browser. Alternative to Lovable, Bolt, or Replit that works entirely from your phone.

Use this skill whenever the user asks to build, create, design, develop, improve, or style any frontend interface or visual element. This includes: - Landing pages, websites, web apps, dashboards, portfolios, or any web UI - UI components (buttons, forms, cards, navbars, modals, etc.) - React, Vue, Next.js, Svelte, or other frontend frameworks - CSS, Tailwind, styled-components, or styling help - Visual improvements or aesthetic upgrades - Requests mentioning frontend, UI, UX, interface, web design, or styling - Adjectives like beautiful, modern, clean, professional, minimalist, dark, brutalist, etc. This skill loads the appropriate design system prompt (Neo-brutalism, Modern Dark, Bauhaus, Cyberpunk, Material, etc.) to generate distinctive, production-grade frontend code instead of generic UI. IMPORTANT: Trigger proactively for ANY frontend/UI-related request, even if no style is specified.

Comprehensive guidance for building and deploying static websites with the Astro framework. This skill should be used when asked to "create astro site", "deploy astro to firebase", "set up content collections", "add mermaid diagrams to astro", "configure astro i18n", "build static blog", or "astro markdown setup". Covers SSG fundamentals, Content Collections, Markdown/MDX, partial hydration, islands architecture, and deployment to Netlify, Vercel, GitHub Pages, or GCP/Firebase.

Balance visual design with ATS compatibility for creative roles. Use when the user is in design, art, writing, marketing creative, or any visual/creative field and needs a resume that looks distinctive but still parses.

Instructions for working on Cameron's personal portfolio website built with React 19 and Vite

Balance visual design with ATS compatibility for creative roles

>- The Reverse Engineer. Reads a famous investor's public SEC filings (the quarterly 13F-HR, plus Form 4 if you want the insider trades) and rebuilds their portfolio as weights you can copy: every position, its share of the fund, what they bought, added, trimmed and sold since the last quarter, with tickers matched to every CUSIP. Then it writes trader/targets.json so the budget skill can size it to your money. Use when the user says "copy Buffett", "copy Berkshire", "what does Ackman own", "reverse engineer this investor", "show me their 13F", "what did they buy last quarter", "copy the top 5", or names any fund or famous investor.

Generate copy for a personal/portfolio website organized by page and section. Drop directly into any site builder (Notion, Framer, GitHub Pages, etc.). Usage: /build-personal-site

使用用户自行部署并连接的知序个人插件收集、检索和复核资料；用于知序知识整理，不用于无关的通用笔记任务。

指导使用者在自己的 Sites 账号中部署知序并连接个人知识插件；用于知序安装、资源配置或连接排查。

为 Claude 订阅准备、账号与客户端异常、代理和运行环境问题提供分阶段访谈、有限只读检查和离线修复计划。覆盖 macOS/Windows 本机及可选 VM/VPS 路线、清理规划；不承诺免封，不执行系统修改或联网探测。

Guide an interactive learning session from an existing explore or essence report. Uses Runnable or Reader mode and waits for the user's response at each learning step.

Build a project-level learning map for a new code, docs, skill, or template repository, with evidence-backed structure, a first learning action, and candidates for deeper study. Not a deep design extraction or interactive lesson.

用户要求反思或纠正决策时先讨论；在对话中展示完整候选，只有用户明确批准该版本并要求记录后，才经本地命令保存。无需审核页面。

Extract one or two evidence-backed, transferable design patterns from a project. Use for a focused deep dive, not a project overview or interactive lesson.

在项目选型、方案比较或实质决策前检索用户批准的个人经验，核对适用条件后用于取舍；不生成或保存反思。

Generate or analyze minimal paper-texture zine posters with large negative space, one small visual event, experimental editorial type and a clear color accent. Use for 极简杂志, photo-based posters, theme-to-image work, reference-system analysis or prompt-only requests.

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

Use when building forms with react-hook-form and zod — schema-first validation, typed fields, server-action submit, accessible errors, and file inputs.

Use when optimizing Next.js performance — Image/Font optimization, bundle analysis, dynamic imports, ISR/PPR caching, and Core Web Vitals fixes.

Frontend development with React, Vite and TypeScript. Use whenever the user mentions creating components, hooks, pages, queries, mutations, services, forms, toasts or any frontend logic. Also use for questions about componentization, React patterns, TanStack Query, shadcn/ui, Clean Code, SOLID applied to the frontend, UI layout and visual consistency, or UI code review.

Visite les sites web d'une liste d'entreprises (CSV) et ajoute ce qu'on y trouve : domaine, email, téléphone, LinkedIn de l'entreprise, Facebook, Instagram, SIREN des mentions légales, et si le site est celui d'une chaîne ou d'une plateforme. Gratuit, sans compte. Déclencheurs : « scrape les sites », « récupère les emails des sites », « trouve le SIREN depuis le site », « website scraper ».

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.

Use when building Next.js App Router pages, layouts, loading/error states, route groups, parallel or intercepting routes. Covers file conventions, RSC boundaries, and navigation.