Art & Design

Save a local dev server into the Server Studio app. Use this whenever you scaffold, build, or set up a project that runs a local server (npm run dev, vite, next, php -S, wp-env, Local WP, a static server, etc.), or when the user says "save this server", "add to dashboard", "add to Server Studio", "save to Server Studio", "register the server". Adds the project's name, run command, folder, and URL/port so it shows up in the Server Studio app for one-click run.

Static web development guide for beginners. Covers HTML/CSS/JavaScript and Next.js App Router basics. Project initialization with "init starter". Triggers: static website, portfolio, landing page, HTML CSS, beginner, 정적 웹, 포트폴리오, 초보자, 静的サイト, 初心者, 静态网站, 初学者, sitio web estático, site statique, statische Website, sito web statico Do NOT use for: fullstack apps (use $dynamic), enterprise (use $enterprise).

>- Generate an agentic personal portfolio for any GitHub user — a Next.js + CopilotKit site whose on-page AI agent answers questions about the person's work, grounded in the repo's own content and powered by a FREE-LLM survival chain (NVIDIA NIM → Groq → Gemini → OpenAI), so it runs at $0. It pulls the user's active repos from the last 12 months (public AND private, IP-safe highlights for private), scaffolds mission/values/12X practices, and a self-updating LinkedIn-articles section. Use when someone wants to "build my portfolio", "make an agentic portfolio site", "turn my GitHub into a website", or "a personal site with an AI chat that knows my projects". Triggers on 'portfolio', 'personal site', 'agentic portfolio', 'free-llm portfolio'. Reference build: github.com/wjlgatech/agentic-portfolio (the template this skill scaffolds).

Generates creative domain name ideas for your project and checks availability across multiple TLDs (.com, .io, .dev, .ai, etc.). Saves hours of brainstorming and manual checking.

Personal or studio portfolio — bold typographic intro, project grid, case-study links, contact.

Elite website image-to-code skill for Codex. For visually important web tasks, it must first generate the design image(s) itself, deeply analyze them, then implement the website to match them as closely as possible. In Codex, it must prefer large, readable, section-specific images instead of tiny compressed boards, generate fresh standalone images for sections or detail views instead of cropping old ones, avoid lazy under-generation, avoid cards-inside-cards-inside-cards UI, and keep the hero clean, spacious, readable, and visible on a small laptop.

Static web development skill for beginners and non-developers. Covers HTML/CSS/JavaScript and Next.js App Router basics. Project initialization with "init starter" or "starter init". Use proactively when user is a beginner or wants a simple static website. Triggers: static website, portfolio, landing page, HTML CSS, beginner, first website, simple web, personal site, init starter, starter init, 정적 웹, 포트폴리오, 랜딩페이지, 초보자, 첫 웹사이트, 간단한 웹, 静的サイト, ポートフォリオ, 初心者, 静态网站, 个人网站, 初学者, sitio web estático, portafolio, página de inicio, principiante, primer sitio web, site web statique, portfolio, page d'accueil, débutant, premier site web, statische Website, Portfolio, Landingpage, Anfänger, erste Website, sito web statico, portfolio, pagina di destinazione, principiante, primo sito web Do NOT use for: fullstack apps with backend, authentication features, or database needs.

Generates creative domain name ideas for your project and checks availability across multiple TLDs (.com, .io, .dev, .ai, etc.). Saves hours of brainstorming and manual checking.

Design system and build rules for a light-gray "pixel-display" personal portfolio site (floating pill nav, pixel-font section titles with hand-drawn squiggle underlines, sawtooth/torn-paper section dividers, fanned card hero, blur-up scroll reveals, logo marquee, case-study carousel). ALWAYS use this skill when building, editing, extending, or adding ANY new section, component, or page to this portfolio site — including when the user says "add a section", "add testimonials", "add a blog/pricing/FAQ/about section", "make a new page", "style this like the site", "same vibe", "نفس النمط", "ضيف قسم", or uploads images to place into the site. Also use it when reviewing existing markup for style drift. The whole point is that anything added later looks like it was designed by the same person on the same day.

为您的项目生成创意域名想法，并检查多个顶级域名（.com、.io、.dev、.ai 等）的可用性。节省数小时的头脑风暴和手动检查时间。

>- Generates creative domain name ideas for your project and checks availability across multiple TLDs (.com, .io, .dev, .ai, etc.). Saves hours of brainstorming and manual checking.

Generates creative domain name ideas for your project and checks availability across multiple TLDs (.com, .io, .dev, .ai, etc.). Saves hours of brainstorming and manual checking.

Generates creative domain name ideas for your project and checks availability across multiple TLDs (.com, .io, .dev, .ai, etc.). Saves hours of brainstorming and manual checking.

Turn raw PM work experience into a polished, portfolio-ready case study. Takes a product initiative — a feature, a 0-to-1 build, a platform redesign, a hard decision — and transforms it into a structured narrative that demonstrates PM thinking: the problem, the process, the decisions, the outcome, and the lessons. Output formats include written case study (for portfolio sites, Notion, or interview prep), a condensed LinkedIn article version, and a talking-points outline for verbal storytelling. Use this skill whenever the user asks to write a PM case study, turn past work into a portfolio piece, write up a product project, document a product decision, or prep a work sample. Also triggers for: "case study", "portfolio piece", "write up my work", "turn this project into a story", "PM portfolio", "product story", "help me explain what I built", or when the user describes a product initiative and asks how to present it. Invoke immediately — gather context as part of the skill flow.

Generates creative domain name ideas for your project and checks availability across multiple TLDs (.com, .io, .dev, .ai, etc.). Saves hours of brainstorming and manual checking.

>- Turns resumes, LinkedIn/GitHub profiles, JSON or plain-text career notes into a production-ready, single-file personal portfolio website in Starter, Pro or Enterprise tier, with a schema-validated profile, WCAG 2.2 AA accessibility, dark/light theming, fluid typography, project case-study cards, experience timeline, and (Enterprise) Person JSON-LD, Open Graph and privacy-safe contact handling. Use when the user says "build a portfolio for me", "create a developer/designer portfolio website", "make a portfolio page from my resume/CV", "personal website", "resume website", or "showcase my projects".

Generate a DESIGN.md from a brand brief. Use when the user wants to create a visual identity, design system, or brand style guide for a web project. Also use when starting a new website from scratch. Asks for company name, industry, target audience, and aesthetic direction. Outputs an 8-section design spec with colors, typography, and anti-slop rules.

Comprehensive job search strategy skill for analyzing job postings, discovering non-obvious insights, conducting conversational skills-matching interviews, identifying skill development needs, and creating creative, personalized application strategies. This skill should be used when users want help with job applications, career transitions, analyzing job opportunities, or developing targeted job search approaches that help them stand out from other candidates.

Static web development for beginners — HTML/CSS/JS and Next.js App Router. Triggers: static website, portfolio, landing page, beginner

Expert in building portfolios that actually land jobs and clients - not just showing work, but creating memorable experiences. Covers developer portfolios, designer portfolios, creative portfolios, and portfolios that convert visitors into opportunities.

Generates creative domain name ideas for your project and checks availability across multiple TLDs (.com, .io, .dev, .ai, etc.). Saves hours of brainstorming and manual checking.

Generates creative domain name ideas for your project and checks availability across multiple TLDs (.com, .io, .dev, .ai, etc.). Saves hours of brainstorming and manual checking.

Expert in building portfolios that actually land jobs and clients - not just showing work, but creating memorable experiences. Covers developer portfolios, designer portfolios, creative portfolios, and portfolios that convert visitors into opportunities. Use when: portfolio, personal website, showcase work, developer portfolio, designer portfolio.

Generates creative domain name ideas for your project and checks availability across multiple TLDs (.com, .io, .dev, .ai, etc.). Saves hours of brainstorming and manual checking.