Art & Design

>- End-to-end workflow for developing a distinctive digital art style, building a professional portfolio, establishing marketplace presence, marketing artwork, and understanding licensing. Covers tools, technique development, portfolio curation, platform selection, pricing strategy, and building a sustainable art practice that generates income. Use when the user wants to create sell digital art or needs a structured multi-step process for this goal. Do NOT use when the request is a single-step task or requires professional advice beyond educational guidance.

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

Audits portfolio websites and digital interfaces for communication effectiveness using Storytelling with Data-inspired design and narrative principles (preattentive attributes, visual hierarchy, Gestalt, affordances, accessibility, storytelling). Use when the user invokes knaflic, requests a portfolio audit, UX storytelling review, recruiter-focused site critique, or evaluation of how a site guides attention and action. Works in any project. Does not cover code quality, performance, or SEO.

Strategic job application planning and Resume SEO optimization. Approaches applications like marketing campaigns with market research, opportunity qualification, and content optimization. Activate on 'optimize resume', 'tailor resume', 'ATS optimization', 'job fit score', 'should I apply'. NOT for initial career narratives (career-biographer), portfolio design (cv-creator), or market positioning (competitive-cartographer).

GRC-specific portfolio questionnaire that creates a site-config.json and SITE-PLAN.md tailored to GRC engineers — certifications, frameworks, audit experience, tools, and projects.

Balance visual design with ATS compatibility for creative roles

Generates a complete designer portfolio website with admin login, portfolio CRUD management, AI-powered project description generation, theme customization (5 presets or custom hex), and visit analytics. Deploys to EdgeOne Pages with Edge Functions, KV Storage, JWT auth, and middleware. Use when a user wants to build a personal portfolio site, designer's online showcase, individual brand website, or multi-discipline design portfolio covering landscape, graphic, interior, industrial, or UX/UI design. Triggers include: "做一个设计师作品集" "做一个个人作品集网站" "建一个景观/平面/室内/工业/UX设计师作品集" "PortfolioFlow 建站" "生成作品集" "make a designer portfolio" "build a personal portfolio" "create a designer showcase site" "用 PortfolioFlow 做一个作品集".

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.

Transform resume bullets into detailed portfolio case studies

>- Complete career transition workflow for professionals from non-technical backgrounds who want to enter the technology industry. Covers honest self-assessment and role discovery, building technical skills through structured learning, creating a portfolio that demonstrates competence, applying strategically, and landing your first tech role. Use when the user wants to transition to tech or needs a structured multi-step process for this goal. Do NOT use when the request is a single-step task or requires professional advice beyond educational guidance.

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.

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.

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.

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

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

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

Balance visual design with ATS compatibility for creative roles

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

指导使用者在自己的 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.

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

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

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.