文章 › 蛙评圈 › 猫箱测评：适合快速搭建互动角色

蛙知AI测评 发表于 2026-7-16 19:51:40

猫箱测评：适合快速搭建互动角色

<div class="ce-block ce-block--focused" data-id="IKZ85QtrY2" >
        <div class="ce-block__content">
                <div class="ce-paragraph cdx-block ce-paragraph--left">&nbsp; 这次我体验的是“猫箱”的AI角色创作功能。进入首页后，整体界面非常简洁，左侧没有复杂菜单，主要入口就是“创建角色”“创建开放故事”和“我的作品”。页面中间用大字强调“猫箱，创作多样AI角色”，右侧还展示了一个像素风角色卡片，第一眼就能看出这个平台更偏向AI角色互动和故事创作，而不是普通聊天工具。</div>
        </div>
</div><div class="ce-block ce-block--focused" data-id="OkYHdfQDle" >
        <div class="ce-block__content">
                <div class="ce-paragraph cdx-block ce-paragraph--left">&nbsp; 我主要测试了“创建角色”功能。进入编辑页后，平台会要求填写角色名、角色设定、开场白、角色简介和台词示例等内容。我创建的是一个名叫“林语人”的角色，设定成一位因为变故失去妻女、终日以酒度日的落魄巫师。比较方便的是，左侧填写内容时，右侧会同步显示手机端样式的角色预览，包括角色头像、简介、开场对白和“开始测试”按钮，这样可以马上判断这个角色展示出来是否有氛围感。</div>
        </div>
</div><div class="ce-block ce-block--focused" data-id="RuXG9Wz0Rv" >
        <div class="ce-block__content">
                <div class="ce-paragraph cdx-block ce-paragraph--left">&nbsp; 我觉得它比较适合做AI角色扮演的初始设定，尤其是想快速搭建一个有背景、有语气、有故事钩子的角色时，不需要从零研究复杂格式。它还提供了“AI帮写”入口，如果不知道怎么补充设定，也可以让系统辅助扩写。页面底部有保存和发布按钮，流程比较清楚。</div>
        </div>
</div><div class="ce-block ce-block--focused" data-id="g7AFCLYheQ" >
        <div class="ce-block__content">
                <div class="ce-paragraph cdx-block ce-paragraph--left">&nbsp; 不过实际使用时也能感觉到，角色质量主要还是取决于自己填写的设定。如果描述太短，角色可能会比较单薄；如果想让对话更稳定，台词示例和人物背景就要写得更具体。另外，目前页面偏创作向，新用户可能需要多测试几轮，才能知道怎样写设定最容易触发理想效果。总体来说，猫箱适合用来快速创建互动型AI角色，操作轻量，预览直观，但想做出有记忆点的角色，仍然需要自己反复调整人设和对白。</div>
        </div>
</div><div class="ce-block ce-block--focused" data-id="YGvyNq1Ud0" >
        <!-- images-style-waterfallorimages-style-normal -->
    <div class="ce-block__content images-style-waterfall">
      <div class="cdx-block images-tool images-tool--filled   ">
            <div class="images-tool__images-grid">
                   
                    <div class="images-tool__image-item images-tool__image-item_0">
                      <div class="images-tool__image-preloader" style=""></div>
                      <img id="aimg_301" class="images-tool__image-picture _zoom" src="https://wazhi.net/data/attachment/forum/202607/16/195124zhaeoeb4891hxaab.png" title="" alt="" data-aid="301"/>
                    </div>
                   
                    <div class="images-tool__image-item images-tool__image-item_1">
                      <div class="images-tool__image-preloader" style=""></div>
                      <img id="aimg_315" class="images-tool__image-picture _zoom" src="https://wazhi.net/data/attachment/forum/202607/18/093132r2mutfu44u02zlno.png" title="" alt="" data-aid="315"/>
                    </div>
                   
                    <div class="images-tool__image-item images-tool__image-item_2">
                      <div class="images-tool__image-preloader" style=""></div>
                      <img id="aimg_316" class="images-tool__image-picture _zoom" src="https://wazhi.net/data/attachment/forum/202607/18/093142eddhcpc0820dv7z0.png" title="" alt="" data-aid="316"/>
                    </div>
                   
                    <div class="images-tool__image-item images-tool__image-item_3">
                      <div class="images-tool__image-preloader" style=""></div>
                      <img id="aimg_317" class="images-tool__image-picture _zoom" src="https://wazhi.net/data/attachment/forum/202607/18/093150u8kzktkdz8cyh1xd.png" title="" alt="" data-aid="317"/>
                    </div>
                   
            </div>
            <div class="cdx-input images-tool__caption" data-placeholder=""></div>
      </div>
    </div>
</div><style type="text/css">
.ce-block {
    margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
        /* max-width:calc(100% - 50px) */
        margin-left: auto;
    margin-right: auto;
}
.ce-paragraph {
    line-height: 1.6em;
    outline: none;
    text-indent: 2em;
    font-size: 16px;
}
.ce-paragraph--right {
    text-align: right;
}
.ce-paragraph--center {
    text-align: center;
}
.ce-paragraph--left {
    text-align: left;
}

.ce-paragraph--justify {
    text-align: justify;
}

.ce-paragraph-text-indent {
    text-align: justify;
}
.ce-paragraph:empty::before{
content: attr(data-placeholder);
color: #707684;
font-weight: normal;
opacity: 0;
}

/** Show placeholder at the first paragraph if Editor is empty */
.codex-editor--empty .ce-block:first-child .ce-paragraph:empty::before {
opacity: 1;
}

.codex-editor--toolbox-opened .ce-block:first-child .ce-paragraph:empty::before,
.codex-editor--empty .ce-block:first-child .ce-paragraph:empty:focus::before {
opacity: 0;
}

.ce-paragraph p:first-of-type{
    margin-top: 0;
}

.ce-paragraph p:last-of-type{
    margin-bottom: 0;
}


.svg-icon {
    width: 1em;
    height: 1em;
}

.svg-icon path,
.svg-icon polygon,
.svg-icon rect {
    fill: #4691f6;
}

.svg-icon circle {
    stroke: #4691f6;
    stroke-width: 1;
}
</style><style type="text/css">
.ce-block {
    margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
        /* max-width:calc(100% - 50px) */
        margin-left: auto;
    margin-right: auto;
}
.images-style-normal .images-tool {
        --bg-color:#cdd1e0;
        --front-color:#388ae5;
        --border-color:#e8e8eb;
}
.images-style-normal .images-tool__image {
        border-radius:3px;
        overflow:hidden;
        margin-bottom:10px;
        padding-bottom:0
}
.images-style-normal .images-tool__image-picture {
        max-width:100%;
        vertical-align:bottom;
        display:block;
        margin:0 auto
}
.images-style-normal .images-tool__image-preloader {
        width:50px;
        height:50px;
        border-radius:50%;
        background-size:cover;
        margin:auto;
        position:relative;
        background-color:#cdd1e0;
        background-position:center center
}
.images-style-normal .images-tool__image-preloader:after {
        content:"";
        position:absolute;
        z-index:3;
        width:60px;
        height:60px;
        border-radius:50%;
        border:2px solid #cdd1e0;
        border-top-color:#388ae5;
        left:50%;
        top:50%;
        margin-top:-30px;
        margin-left:-30px;
        animation:image-preloader-spin 2s infinite linear;
        box-sizing:border-box
}
.images-style-normal .images-tool__images-grid {
        display:grid;
        grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
        gap:10px;
        margin-bottom:10px
}
.images-style-normal .images-tool__image-item {
        position:relative;
        border-radius:3px;
        overflow:hidden;
        background-color:#f5f5f5
}
.images-style-normal .images-tool__remove-button {
        top:5px;
        right:5px;
        width:24px;
        height:24px;
        background-color:#ffffffe6;
        border-radius:50%;
        display:flex;
        align-items:center;
        justify-content:center;
        cursor:pointer;
        opacity:0;
        transition:opacity .2s;
        z-index:10
}
.images-style-normal .images-tool__image-item:hover .images-tool__remove-button {
        opacity:1
}
.images-style-normal .images-tool__caption {
        bottom:0;
        left:0;
        margin-bottom:10px;
        text-align: center;
      font-size: 14px;
      color: #a3a3a3;
}
.images-style-normal .images-tool__caption:before {
        position:absolute!important;
        content:attr(data-placeholder);
        color:#707684;
        font-weight:400;
        display:none
}
.images-style-normal .images-tool__caption:empty:before {
        display:block
}
.images-style-normal .images-tool__caption:empty:focus:before {
        display:none
}
.images-style-normal .images-tool--empty .images-tool__image,.images-style-normal .images-tool--empty .images-tool__image-preloader {
        display:none
}
.images-style-normal .images-tool--empty .images-tool__caption,.images-style-normal .images-tool--uploading .images-tool__caption {
        visibility:hidden!important
}
.images-style-normal .images-tool .cdx-button {
        display:flex;
        align-items:center;
        justify-content:center
}
.images-style-normal .images-tool .cdx-button svg {
        height:auto;
        margin:0 6px 0 0
}
.images-style-normal .images-tool--filled .cdx-button,.images-style-normal .images-tool--filled .images-tool__image-preloader {
        display:none
}
.images-style-normal .images-tool--uploading .images-tool__image {
        min-height:200px;
        display:flex;
        border:1px solid #e8e8eb;
        background-color:#fff
}
.images-style-normal .images-tool--uploading .images-tool__image-picture,.images-style-normal .images-tool--uploading .cdx-button {
        display:none
}
.images-style-normal .images-tool--withBorder .images-tool__image {
        border:1px solid #e8e8eb
}
.images-style-normal .images-tool--withBackground .images-tool__image {
        padding:15px;
        background:#cdd1e0
}
.images-style-normal .images-tool--withBackground .images-tool__image-picture {
        max-width:60%;
        margin:0 auto
}
.images-style-normal .images-tool--stretched .images-tool__image-picture {
        width:100%
}
.images-style-normal .images-tool--caption .images-tool__caption {
        visibility:visible
}
.images-style-normal .images-tool--caption {
        padding-bottom:50px;
        text-align: center;
      font-size: 14px;
      color: #a3a3a3;
}
@keyframes image-preloader-spin {
        0% {
        transform:rotate(0)
}
to {
        transform:rotate(360deg)
}
}
.images-style-normal .images-tool__images-grid {
        display:grid;
        grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
        gap:10px;
        margin-bottom:10px;
        min-height:100px
}
.images-style-normal .images-tool__image-item {
        position:relative;
        border-radius:3px;
        overflow:hidden;
        background-color:#f5f5f5;
        transition:all .2s ease;
        cursor:grab
}
.images-style-normal .images-tool__image-item:hover {
        transform:translateY(-2px);
        box-shadow:0 4px 8px #0000001a
}
.images-style-normal .images-tool__image-item:active {
        cursor:grabbing
}
.images-style-normal .images-tool__image-item {
        -webkit-user-select:none;
        user-select:none
}
.images-style-normal .images-tool__image-item.dragging {
        opacity:.5;
        transform:scale(1.05);
        z-index:100
}
.images-style-normal .images-tool__drag-indicator {
        position:absolute;
        width:4px;
        background-color:#388ae5;
        border-radius:2px;
        pointer-events:none;
        z-index:1000
}
.images-style-normal .images-tool__actions-container {
        position:absolute;
        top:5px;
        right:5px;
        display:flex;
        flex-direction:column;
        align-items:center;
        gap:3px;
        opacity:0;
        transition:opacity .2s;
        z-index:10
}
.images-style-normal .images-tool__image-item:hover .images-tool__actions-container {
        opacity:1
}
.images-style-normal .images-tool__move-button {
        width:24px;
        height:24px;
        background-color:#ffffffe6;
        border-radius:50%;
        display:flex;
        align-items:center;
        justify-content:center;
        cursor:pointer;
        font-size:12px;
        color:#333;
        transition:all .2s
}
.images-style-normal .images-tool__move-button:hover,.images-style-normal .images-tool__remove-button:hover {
        background-color:#fff;
        transform:scale(1.1);
        box-shadow:0 2px 4px #0003
}
.images-style-normal .images-tool__move-button:disabled {
        opacity:.5;
        cursor:not-allowed;
        transform:none
}



/*
*以下是瀑布流样式
*/
.images-style-waterfall .images-tool {
        --bg-color:#cdd1e0;
        --front-color:#388ae5;
        --border-color:#e8e8eb;
}
.images-style-waterfall .images-tool__image {
        border-radius:3px;
        overflow:hidden;
        margin-bottom:10px;
        padding-bottom:0
}
.images-style-waterfall .images-tool__image-picture {
        max-width:100%;
        vertical-align:bottom;
        display:block;
        margin:0 auto
}
.images-style-waterfall .images-tool__image-preloader {
        width:50px;
        height:50px;
        border-radius:50%;
        background-size:cover;
        margin:auto;
        position:relative;
        background-color:#cdd1e0;
        background-position:center center
}
.images-style-waterfall .images-tool__image-preloader:after {
        content:"";
        position:absolute;
        z-index:3;
        width:60px;
        height:60px;
        border-radius:50%;
        border:2px solid #cdd1e0;
        border-top-color:#388ae5;
        left:50%;
        top:50%;
        margin-top:-30px;
        margin-left:-30px;
        animation:image-preloader-spin 2s infinite linear;
        box-sizing:border-box
}
/* 修改为瀑布流布局 */
.images-style-waterfall .images-tool__images-grid {
        column-count: 2;
        column-gap: 10px;
        margin-bottom: 10px;
}

@media (min-width: 768px) {
        .images-style-waterfall .images-tool__images-grid {
                column-count: 3;
        }
}

@media (min-width: 1024px) {
        .images-style-waterfall .images-tool__images-grid {
                column-count: 4;
        }
}

.images-style-waterfall .images-tool__image-item {
        break-inside: avoid;
        margin-bottom: 10px;
        position:relative;
        border-radius:3px;
        overflow:hidden;
        background-color:#f5f5f5;
        transition:all .2s ease;
        cursor:grab
}

.images-style-waterfall .images-tool__image-item img {
        width: 100%;
        height: auto;
        display: block;
}

.images-style-waterfall .images-tool__remove-button {
        top:5px;
        right:5px;
        width:24px;
        height:24px;
        background-color:#ffffffe6;
        border-radius:50%;
        display:flex;
        align-items:center;
        justify-content:center;
        cursor:pointer;
        opacity:0;
        transition:opacity .2s;
        z-index:10
}
.images-style-waterfall .images-tool__image-item:hover .images-tool__remove-button {
        opacity:1
}
.images-style-waterfall .images-tool__caption {
        bottom:0;
        left:0;
        margin-bottom:10px;
        text-align: center;
      font-size: 14px;
      color: #a3a3a3;
}
.images-style-waterfall .images-tool__caption:before {
        position:absolute!important;
        content:attr(data-placeholder);
        color:#707684;
        font-weight:400;
        display:none
}
.images-style-waterfall .images-tool__caption:empty:before {
        display:block
}
.images-style-waterfall .images-tool__caption:empty:focus:before {
        display:none
}
.images-style-waterfall .images-tool--empty .images-tool__image,.images-style-waterfall .images-tool--empty .images-tool__image-preloader {
        display:none
}
.images-style-waterfall .images-tool--empty .images-tool__caption,.images-style-waterfall .images-tool--uploading .images-tool__caption {
        visibility:hidden!important
}
.images-style-waterfall .images-tool .cdx-button {
        display:flex;
        align-items:center;
        justify-content:center
}
.images-style-waterfall .images-tool .cdx-button svg {
        height:auto;
        margin:0 6px 0 0
}
.images-style-waterfall .images-tool--filled .cdx-button,.images-style-waterfall .images-tool--filled .images-tool__image-preloader {
        display:none
}
.images-style-waterfall .images-tool--uploading .images-tool__image {
        min-height:200px;
        display:flex;
        border:1px solid #e8e8eb;
        background-color:#fff
}
.images-style-waterfall .images-tool--uploading .images-tool__image-picture,.images-style-waterfall .images-tool--uploading .cdx-button {
        display:none
}
.images-style-waterfall .images-tool--withBorder .images-tool__image {
        border:1px solid #e8e8eb
}
.images-style-waterfall .images-tool--withBackground .images-tool__image {
        padding:15px;
        background:#cdd1e0
}
.images-style-waterfall .images-tool--withBackground .images-tool__image-picture {
        max-width:60%;
        margin:0 auto
}
.images-style-waterfall .images-tool--stretched .images-tool__image-picture {
        width:100%
}
.images-style-waterfall .images-tool--caption .images-tool__caption {
        visibility:visible
}
.images-style-waterfall .images-tool--caption {
        padding-bottom:50px;
        text-align: center;
      font-size: 14px;
      color: #a3a3a3;
}
@keyframes image-preloader-spin {
        0% {
        transform:rotate(0)
}
to {
        transform:rotate(360deg)
}
}

/* 移除重复的样式定义，保留瀑布流相关的样式 */
.images-style-waterfall .images-tool__image-item:hover {
        transform:translateY(-2px);
        box-shadow:0 4px 8px #0000001a
}
.images-style-waterfall .images-tool__image-item:active {
        cursor:grabbing
}
.images-style-waterfall .images-tool__image-item {
        -webkit-user-select:none;
        user-select:none
}
.images-style-waterfall .images-tool__image-item.dragging {
        opacity:.5;
        transform:scale(1.05);
        z-index:100
}
.images-style-waterfall .images-tool__drag-indicator {
        position:absolute;
        width:4px;
        background-color:#388ae5;
        border-radius:2px;
        pointer-events:none;
        z-index:1000
}
.images-style-waterfall .images-tool__actions-container {
        position:absolute;
        top:5px;
        right:5px;
        display:flex;
        flex-direction:column;
        align-items:center;
        gap:3px;
        opacity:0;
        transition:opacity .2s;
        z-index:10
}
.images-style-waterfall .images-tool__image-item:hover .images-tool__actions-container {
        opacity:1
}
.images-style-waterfall .images-tool__move-button {
        width:24px;
        height:24px;
        background-color:#ffffffe6;
        border-radius:50%;
        display:flex;
        align-items:center;
        justify-content:center;
        cursor:pointer;
        font-size:12px;
        color:#333;
        transition:all .2s
}
.images-style-waterfall .images-tool__move-button:hover,.images-style-waterfall .images-tool__remove-button:hover {
        background-color:#fff;
        transform:scale(1.1);
        box-shadow:0 2px 4px #0003
}
.images-style-waterfall .images-tool__move-button:disabled {
        opacity:.5;
        cursor:not-allowed;
        transform:none
}
</style><style type="text/css">
.inline-code {
background: rgba(250, 239, 240, 0.78);
color: #b44437;
padding: 3px 4px;
border-radius: 5px;
margin: 0 1px;
font-family: inherit;
font-size: 0.86em;
font-weight: 500;
letter-spacing: 0.3px;
}
</style>

查看完整版本: 猫箱测评：适合快速搭建互动角色