Pinkie · vibecoder 作品集<\/title> <meta name="description" content="Pinkie — 通过 vibecoding 将产品构想转化为可运行的代码，用 AI 拓展创造力的边界。" />  <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet" /> <link rel="stylesheet" href="assets/css/tokens.css" /> <link rel="stylesheet" href="assets/css/base.css" /> <link rel="stylesheet" href="assets/css/components.css" /> <\/head> <body>  <canvas id="ambient-canvas" aria-hidden="true"><\/canvas> <div class="aurora-bg" aria-hidden="true"> <span class="blob b1"><\/span><span class="blob b2"><\/span> <span class="blob b3"><\/span><span class="blob b4"><\/span> <\/div> <div class="scroll-progress" id="scrollProgress"><\/div>  <header class="nav" id="nav"> <div class="nav__inner"> <a class="brand" href="index.html"><span class="brand__dot"><\/span>Pinkie<\/a> <nav class="nav__links" aria-label="主导航">      <\/nav> <button class="nav__toggle" aria-label="菜单" aria-expanded="false"> <span><\/span><span><\/span><span><\/span> <\/button> <\/div> <\/header> <main>  <section class="hero"> <div class="container hero__inner"> <span class="status-pill"><span class="pulse"><\/span>正在 vibe · 接受新项目<\/span> <h1 class="display hero__name"><span>P<\/span><span>i<\/span><span>n<\/span><span>k<\/span><span>i<\/span><span>e<\/span><\/h1> <p class="hero__sub lead muted"> 喜欢通过 vibecoding 将产品构想转化为可运行的代码，用 AI 拓展创造力的边界，专注于构建有温度的交互体验。<br> 联系邮箱：a273894731@gmail.com <\/p>  <div class="kw-bar"> <span class="kw-chip kw-chip--identity">Vibe Coder<\/span> <span class="kw-chip kw-chip--identity">多agent产品设计<\/span> <span class="kw-chip kw-chip--identity">从 0 到 1 的践行者<\/span> <\/div> <\/div> <\/section>  <div class="marquee" aria-hidden="true"> <div class="marquee__track"> <span>✦ prompt engineering<\/span><span>✦ rapid prototyping<\/span> <span>✦ design systems<\/span><span>✦ AI agents<\/span> <span>✦ shipping fast<\/span><span>✦ prompt engineering<\/span> <span>✦ rapid prototyping<\/span><span>✦ design systems<\/span> <span>✦ AI agents<\/span><span>✦ shipping fast<\/span> <\/div> <\/div>  <section class="section" id="works"> <div class="container"> <div class="section-head reveal"> <p class="eyebrow">精选作品<\/p> <h2 class="section-title">最近在 vibe 的东西<\/h2> <p class="lead muted">从工具到玩具，都是和 AI 边聊边做出来的。<\/p> <\/div> <div class="work-grid">  <a class="work-card reveal" data-tilt href="work-paopao.html"> <div class="work-card__cover cover--cyan"><img src="assets/img/shot-paopao-1.png" alt="泡泡看市截图" loading="lazy" /><\/div> <div class="work-card__body"> <h3 class="work-card__title">泡泡看市<\/h3> <p class="work-card__desc">AI 智能投研，用大白话把当天大盘讲给你听。<\/p> <div class="work-card__meta"> <span class="tag-row"><span class="tag">多agent分析<\/span><span class="tag">个股&板块分析<\/span><span class="tag">热点事件拆解<\/span><\/span> <span class="work-card__link">详情 →<\/span> <\/div> <\/div> <\/a> <a class="work-card reveal" data-tilt href="work-pillowmist.html"> <div class="work-card__cover cover--mixed"><img src="assets/img/shot-pillowmist.png" alt="枕边雾截图" loading="lazy" /><\/div> <div class="work-card__body"> <h3 class="work-card__title">枕边雾<\/h3> <p class="work-card__desc">深夜才打开的情绪容器，用「雾」收下难安放的情绪。<\/p> <div class="work-card__meta"> <span class="tag-row"><span class="tag">失眠疗愈<\/span><\/span> <span class="work-card__link">详情 →<\/span> <\/div> <\/div> <\/a> <a class="work-card reveal" data-tilt href="work-ideaboom.html"> <div class="work-card__cover cover--gold"><img src="assets/img/shot-ideaboom-1.png" alt="灵感炸了截图" loading="lazy" /><\/div> <div class="work-card__body"> <h3 class="work-card__title">灵感炸了<\/h3> <p class="work-card__desc">把想选题和跟爆款二创，变成有方法、有评分的确定性动作。<\/p> <div class="work-card__meta"> <span class="tag-row"><span class="tag">选题神器<\/span><\/span> <span class="work-card__link">详情 →<\/span> <\/div> <\/div> <\/a> <a class="work-card reveal" data-tilt href="work-cosmicbug.html"> <div class="work-card__cover cover--purple"><img src="assets/img/shot-cosmicbug-1.jpg" alt="宇宙草台班子大质检截图" loading="lazy" /><\/div> <div class="work-card__body"> <h3 class="work-card__title">宇宙草台班子大质检<\/h3> <p class="work-card__desc">输入授权码解锁的 AI 质检台，专治各种草台班子。<\/p> <div class="work-card__meta"> <span class="tag-row"><span class="tag">人格测试<\/span><\/span> <span class="work-card__link">详情 →<\/span> <\/div> <\/div> <\/a> <\/div>  <\/div> <\/section>  <section class="section" id="creates"> <div class="container"> <div class="section-head reveal"> <p class="eyebrow">创作<\/p> <h2 class="section-title">不止写代码，也造画面<\/h2> <p class="lead muted">AI 生图，用提示词把脑中的画面磨成现实。<\/p> <\/div> <div class="teaser-grid"> <a class="teaser reveal" href="creates.html#images"> <div class="teaser__thumbs"> <img src="assets/img/create-mooncat.jpg" alt="AI 生图作品" loading="lazy" /> <img src="assets/img/create-butterfly-girl.jpg" alt="AI 生图作品" loading="lazy" /> <img src="assets/img/create-fluid-butterfly.jpg" alt="AI 生图作品" loading="lazy" /> <\/div> <div class="teaser__title">AI 生图<\/div> <p class="teaser__desc">用提示词生成的系列图像，从概念到成片。<\/p> <\/a>   <\/div>  <\/div> <\/section> <\/main>  <footer class="footer"> <div class="container footer__inner"> <a class="brand" href="index.html"><span class="brand__dot"><\/span>Pinkie<\/a> <p class="footer__copy">© 2026 Pinkie · 用 vibe 打造<\/p> <\/div> <\/footer> <script src="assets/js/ambient.js?v=20260811b"><\/script> <\/body> <\/html>