Verified installable Agent Skill
SKILL.md + .skillInstall into your agent.
npx skills add LearnPrompt/goodcase-lite --skill portfolio-story-architecture --global --copy --yes --full-depthSkill · Shared method
Portfolio story architecture
Order a personal site around positioning, representative work, and trust evidence.
28 Cases · 14 Creators · AI Coding (UI) · Latest example 08/20/2026
Method skeleton
- 01State the creator position in one line
- 02Prove ability with work, not skill lists
- 03Close with process, clients, or contact
Creator evidence
Methods stay attached to their makers.
11 CasesMotionSitesView creator →5 Casesshushant_lView creator →1 CasesardadotethView creator →1 CasesDeepakNesssView creator →1 CasesDevBySamiView creator →1 CasesDrilonAjdiniiView creator →1 CasesEHuangluView creator →1 CasesJayPROb01View creator →1 CasesKashberg_0View creator →1 CasesMr_AllenTView creator →1 CasesnummanaliView creator →1 CasesOluwaphilemon1View creator →
Case evidence
Judge the Skill through finished work.
AI Coding (UI)MotionSites
AI Designer Portfolio
白底设计工作室单页，React + TypeScript + Tailwind 配 lucide-react 图标，看点在双字体排版体系怎么撑起极简白底的高级感。
Prompt
Create a single-page landing page for a creative design studio called "Viktor Oddy" using React, TypeScript, Vite, and Tailwind CSS. Use lucide-react for icons. The page has a white background throughout and uses two custom fonts: "PP Neue…
Source heat · MotionSites
—
Stability
58
AI Coding (UI)MotionSites
Portfolio Cosmic
暗色作品集单页，GSAP 与 Framer Motion 双动画库再加 hls.js 视频流，先定全局设计系统再逐区块展开，prompt 结构本身就是模板。
Prompt
Prompt to recreate this landing page: Build a single-page dark portfolio landing page using React + Vite + Tailwind CSS + TypeScript + GSAP + Framer Motion + hls.js. --- ## Global Design System ### Fonts Google Fonts import: Inter (300–700…
Source heat · MotionSites
—
Stability
AI Coding (UI)MotionSites
Modern Agency
设计机构 Axion Studio 的落地页，hero 背景用 shaders 包做着色器效果，这批里唯一用 WebGL 着色器的。
Prompt
Build a React + Vite + Tailwind CSS landing page for "Axion Studio" - a design agency site. Use the `shaders` package (npm: `shaders`) for the hero background, `lucide-react` for icons. The page has 3 sections. Match every detail exactly: …
Source heat · MotionSites
—
Stability
AI Coding (UI)MotionSites
Portfolio About
个人站的 About Me 区块，React + framer-motion，Kanit 字体全字重加载，#0C0C0C 暗底。
Prompt
**Prompt:** Create an "About Me" section using React, Tailwind CSS, and **framer-motion**. The site uses **Google Font "Kanit"** (weights 300-900) and a dark background `#0C0C0C`. **Section layout:** - Full-width section, `min-h-screen`, f…
Source heat · MotionSites
—
Stability
AI Coding (UI)MotionSites
Subscription Agency
订阅制创意机构 Alwayzz 的落地 hero，React + Vite，样式刻意用自定义 CSS，避开 Tailwind 工具类。
Prompt
**Create a single-page landing hero section for a creative agency called "Alwayzz" with a React + Vite + Tailwind CSS setup. Use custom CSS (not Tailwind utilities) for all styling. The design should be minimal, clean, black-and-white, wit…
Source heat · MotionSites
—
Stability
AI Coding (UI)MotionSites
3D Jack Portfolio
3D 创作者 Jack 的作品集落地页，React + TypeScript + Framer Motion，#0C0C0C 暗底。
Prompt
Build a 3D Creator portfolio landing page for "Jack" using React, TypeScript, Tailwind CSS, Framer Motion, and Lucide React. The page has a dark theme (#0C0C0C background) with the font Kanit (Google Fonts, weights 300-900). The page title…
Source heat · MotionSites
—
Stability
65
Prompt
Recreate this exact full-viewport portfolio landing page — pixel-perfect match. ═══════════════════════════════════════ TECH / STACK ═══════════════════════════════════════ - React + TypeScript + Tailwind CSS + Vite - Icons: lucide-react (…
Source heat · MotionSites
—
Stability
82
AI Coding (UI)MotionSites
Max Reed Portfolio
个人作品集的暗色 Features 区块，React + TypeScript + Tailwind + lucide-react。
Prompt
Build a full-viewport dark personal portfolio Features section using React + TypeScript + Tailwind CSS + lucide-react. **Layout & Structure:** - Full screen dark background `#0a0a0a`, white text, Inter font with antialiased smoothing - Top…
Source heat · MotionSites
—
Stability
AI Coding (UI)MotionSites
Creative Studio
全屏 hero，React + Tailwind + Framer Motion + Lucide，Inter 字体，规格逐项精确。
Prompt
Build a full-screen hero section using React, Tailwind CSS, Framer Motion, and Lucide React icons. Use the Inter font. The page is fully mobile-responsive. Here are the exact specifications: --- **BACKGROUND:** - A full-screen autoplaying,…
Source heat · MotionSites
—
Stability
88
AI Coding (UI)MotionSites
Prisma Creative Studio
创意工作室 Prisma 的三区块落地页（Hero、About、Features），React + Vite + framer-motion，小而全的整页练习。
Prompt
Create a React + Vite + TypeScript + Tailwind CSS landing page for a creative studio called "Prisma". The page has 3 sections: Hero, About, and Features. Use framer-motion for animations and lucide-react for icons. The design is dark, mood…
Source heat · MotionSites
—
Stability
Prompt
Build a fullscreen hero landing page for a creative agency called "VANGUARD" using React, Tailwind CSS, and Vite. The page should be a single viewport-height section with a looping background video and all content overlaid on top. **Backgr…
Source heat · MotionSites
—
Stability
91
AI Coding (UI)X11/20/2025
为客户 AP 打造的代理机构风格网站
一个简单的指令式提示，告诉 Gemini 3 Pro 扮演 makemepulse 工作室的角色，为名为 AP 的客户构建一个网站，并注重精细的执行。
Prompt
You are the studio {argument name="studio_name" default="makemepulse"}. Build me a website for {argument name="client_name" default="AP"}. Think carefully and make no mistakes.
Source heat · X
5
Stability
85