📰 Anthropic 预告 Claude Code 将整合 /design 命令

Anthropic 预告 Claude Code 将整合 /design 命令

IT之家 8 月 19 日消息，Anthropic Claude Design 产品设计师纳特 · 帕罗特（Nate Parrott）昨日（8 月 18 日）在 X 平台发布推文，预告将会在 Claude Code 中整合推出 /design 命令。

IT之家附上演示视频如下：

</ifra<br><br><a href="/redirect?url=https%3A%2F%2Fwww.ithome.com%2F0%2F991%2F488.htm" target="_blank" rel="nofollow">查看原文 →</a> <sup style="font-size:10px;color:#999;">↗</sup></div> <div class="post-footer"> <span class="floor-num"><em>#1</em></span> </div> <div class="post-signature">🤖 AI 技术资讯机器人</div> </div> </div> </div>  <div style="text-align:center;padding:30px;color:#999;background:#fff;margin-bottom:10px;border:1px solid #e8e8e8;">暂无回复，快来抢沙发吧！</div>  <div style="text-align:center;padding:20px;background:#fff;border:1px solid #e8e8e8;color:#999;"> 请 <a href="/login" style="color:#3366CC;">登录</a> 后发表回复 </div> </div> <div class="side-col"> <div class="side-card"> <div class="side-card-title">📋 版块列表</div> <div class="side-card-body"> <div style="margin-bottom:3px;"><a href="/board/general">💬 综合讨论区</a></div> <div style="margin-bottom:3px;"><a href="/board/gaming">🎮 游戏天地</a></div> <div style="margin-bottom:3px;"><a href="/board/anime">🌸 二次元</a></div> <div style="margin-bottom:3px;"><a href="/board/picture"><img src="/static/uploads/board_icons/picture.svg" alt="icon" class="board-icon-img"> 美图搬运</a></div> <div style="margin-bottom:3px;"><a href="/board/news">📰 新闻资讯</a></div> <div style="margin-bottom:3px;"><a href="/board/hardware">💻 硬件讨论</a></div> <div style="margin-bottom:3px;"><a href="/board/ai">🤖 AI技术</a></div> <div style="margin-bottom:3px;"><a href="/board/novel">📖 网络小说</a></div> <div style="margin-bottom:3px;"><a href="/board/stock">📈 股市行情</a></div> </div> </div> </div> </div> <script src="/static/js/local-time.js"></script> <script> // 已浏览帖子标记 —— localStorage（覆盖匿名用户） + 补充登录用户 (function() { var storageKey = 'vanys_visited_threads'; var visited = {}; // 读取 localStorage try { var stored = localStorage.getItem(storageKey); if (stored) { stored.split(',').forEach(function(id) { if (id) visited[id] = true; }); } } catch(e) {} // 对页面上所有 data-thread-id 链接应用 visited class function applyVisited() { var links = document.querySelectorAll('a[data-thread-id]'); links.forEach(function(link) { var tid = link.getAttribute('data-thread-id'); if (tid && (visited[tid] || link.classList.contains('visited'))) { link.classList.add('visited'); } }); } // 记录点击（mousedown 替代 click，支持右键/中键新标签页打开） document.addEventListener('mousedown', function(e) { var link = e.target.closest('a[data-thread-id]'); if (!link) return; var tid = link.getAttribute('data-thread-id'); if (!tid || visited[tid]) return; visited[tid] = true; link.classList.add('visited'); try { var keys = Object.keys(visited); localStorage.setItem(storageKey, keys.join(',')); } catch(e) {} }); applyVisited(); })(); </script> <div id="footer"> <div>由 <b style="color:#3366CC">Vanys 社区</b> 强力驱动</div> <div style="margin-top:4px;display:flex;align-items:center;justify-content:center;"><a href="https://beian.mps.gov.cn/#/query/webSearch?code=44010602016397" rel="noreferrer" target="_blank" style="font-size:11px;color:#999;text-decoration:none;">粤公网安备44010602016397号</a><span style="margin:0 4px;font-size:11px;color:#ccc;">|</span><a href="https://beian.miit.gov.cn/" target="_blank" rel="noreferrer" style="font-size:11px;color:#999;">粤ICP备2026087684号 - 1</a></div> </div> <script> function vote(type, id, action) { fetch('/vote/' + type + '/' + id, { method: 'POST', headers: {'Content-Type': 'application/x-www-form-urlencoded'}, body: 'action=' + action }).then(r=>r.json()).then(d=>{ location.reload(); }).catch(e=>console.error(e)); } function toggleFav(threadId) { fetch('/favorite/' + threadId + '/toggle', {method:'POST'}) .then(r=>r.json()).then(d=>{ var btn = document.getElementById('favBtn'); if(btn) btn.textContent = d.favorited ? '⭐ 已收藏' : '☆ 收藏'; }); } function shareThread(id){ var u = window.location.origin + '/thread/' + id; if(navigator.share){ navigator.share({title:document.title, url:u}); } else { prompt('复制分享链接:', u); } } (function(){ const d = localStorage.getItem('dark') === '1'; if(d) document.body.classList.add('dark-mode'); const btn = document.getElementById('darkModeBtn'); if(btn) btn.textContent = d ? '☀️' : '🌙'; window.toggleDarkMode = function(){ const on = document.body.classList.toggle('dark-mode'); localStorage.setItem('dark', on ? '1' : '0'); const btn = document.getElementById('darkModeBtn'); if(btn) btn.textContent = on ? '☀️' : '🌙'; }; })(); (function(){ const c = document.getElementById('notif-count'); if(c){ function poll(){ fetch('/notifications/count').then(r=>r.json()).then(d=>{ if(d.count > 0){ c.textContent = d.count; c.style.display = 'inline-block'; } else { c.style.display = 'none'; } }).catch(()=>{}); } poll(); setInterval(poll, 30000); } })(); /* 回复工具栏 */ function wrapReplyTag(tag) { var ta = document.getElementById('replyContent'); if (!ta) return; var start = ta.selectionStart, end = ta.selectionEnd; var sel = ta.value.substring(start, end); var before, after; switch (tag) { case 'b': before='[b]'; after='[/b]'; break; case 'i': before='[i]'; after='[/i]'; break; case 'u': before='[u]'; after='[/u]'; break; case 's': before='[s]'; after='[/s]'; break; case 'color': var c=prompt('输入颜色 (英文/hex)','red'); if(!c)return; before='[color='+c+']'; after='[/color]'; break; case 'size': var s=prompt('输入字号 (如 150%, 200%)','150%'); if(!s)return; before='[size='+s+']'; after='[/size]'; break; case 'img': before='[img]'; after='[/img]'; break; case 'url': var u=prompt('输入链接 URL','https://'); if(!u)return; before='[url='+u+']'; after='[/url]'; break; case 'quote': before='[quote]\n'; after='\n[/quote]'; break; case 'code': before='[code]\n'; after='\n[/code]'; break; case 'h': before='[size=150%]'; after='[/size]'; break; case 'list': before='[list]\n[*]'; after='\n[/list]'; break; case 'align': var a=prompt('对齐方式 (left/center/right)','center'); if(!a)return; before='[align='+a+']'; after='[/align]'; break; default: return; } ta.value = ta.value.substring(0, start) + before + sel + after + ta.value.substring(end); ta.selectionStart = start + before.length; ta.selectionEnd = start + before.length + sel.length; ta.focus(); } </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script> <script src="/static/js/lightbox.js"></script> <script src="/static/js/lightbox-init.js"></script> hljs.highlightAll(); </script> <script> // Fluent UI Emoji data var VANYS_EMOJI = { "grinning_face": "Grinning%20face/Color/grinning_face_color.svg", "smile": "Beaming%20face%20with%20smiling%20eyes/Color/beaming_face_with_smiling_eyes_color.svg", "sweat_smile": "Grinning%20squinting%20face/Color/grinning_squinting_face_color.svg", "open_mouth": "Smiling%20face%20with%20open%20mouth/Color/smiling_face_with_open_mouth_color.svg", "blush": "Slightly%20smiling%20face/Color/slightly_smiling_face_color.svg", "wink": "Winking%20face/Color/winking_face_color.svg", "heart_eyes": "Smiling%20face%20with%20heart%20eyes/Color/smiling_face_with_heart_eyes_color.svg", "kiss": "Face%20throwing%20a%20kiss/Color/face_throwing_a_kiss_color.svg", "yum": "Face%20savoring%20food/Color/face_savoring_food_color.svg", "stuck_out_tongue": "Face%20with%20stuck%20out%20tongue/Color/face_with_stuck_out_tongue_color.svg", "stuck_out_tongue_wink": "Winking%20face%20with%20tongue/Color/winking_face_with_tongue_color.svg", "zany": "Zany%20face/Color/zany_face_color.svg", "sunglasses": "Smiling%20face%20with%20sunglasses/Color/smiling_face_with_sunglasses_color.svg", "innocent": "Smiling%20face%20with%20halo/Color/smiling_face_with_halo_color.svg", "unamused": "Unamused%20face/Color/unamused_face_color.svg", "pensive": "Pensive%20face/Color/pensive_face_color.svg", "confused": "Confused%20face/Color/confused_face_color.svg", "astonished": "Astonished%20face/Color/astonished_face_color.svg", "anguished": "Anguished%20face/Color/anguished_face_color.svg", "cry": "Crying%20face/Color/crying_face_color.svg", "sob": "Loudly%20crying%20face/Color/loudly_crying_face_color.svg", "fearful": "Fearful%20face/Color/fearful_face_color.svg", "angry": "Angry%20face/Color/angry_face_color.svg", "pout": "Pouting%20face/Color/pouting_face_color.svg", "sweat": "Anxious%20face%20with%20sweat/Color/anxious_face_with_sweat_color.svg", "disappointed": "Disappointed%20face/Color/disappointed_face_color.svg", "thumbsup": "Thumbs%20up%20sign/Color/thumbs_up_sign_color.svg", "thumbsdown": "Thumbs%20down%20sign/Color/thumbs_down_sign_color.svg", "ok": "OK%20hand%20sign/Color/ok_hand_sign_color.svg", "victory": "Victory%20hand/Color/victory_hand_color.svg", "wave": "Waving%20hand/Color/waving_hand_color.svg", "clap": "Clapping%20hands%20sign/Color/clapping_hands_sign_color.svg", "pray": "Folded%20hands/Color/folded_hands_color.svg", "raised_hands": "Raising%20hands/Color/raising_hands_color.svg", "fire": "Fire/Color/fire_color.svg", "party": "Party%20popper/Color/party_popper_color.svg", "sparkles": "Sparkles/Color/sparkles_color.svg", "100": "Hundred%20points/Color/hundred_points_color.svg", "star": "Glowing%20star/Color/glowing_star_color.svg", "boom": "Collision%20symbol/Color/collision_symbol_color.svg", "heart": "Red%20heart/Color/red_heart_color.svg", "heartbeat": "Beating%20heart/Color/beating_heart_color.svg", "heart_arrow": "Heart%20with%20arrow/Color/heart_with_arrow_color.svg", "heart_grow": "Growing%20heart/Color/growing_heart_color.svg", "broken_heart": "Broken%20heart/Color/broken_heart_color.svg", "gift": "Wrapped%20gift/Color/wrapped_gift_color.svg", "camera": "Camera/Color/camera_color.svg", "phone": "Mobile%20phone/Color/mobile_phone_color.svg", "bulb": "Light%20bulb/Color/light_bulb_color.svg", "memo": "Memo/Color/memo_color.svg", "mail": "Envelope/Color/envelope_color.svg", "notes": "Musical%20notes/Color/musical_notes_color.svg", "dog": "Dog%20face/Color/dog_face_color.svg", "cat": "Cat%20face/Color/cat_face_color.svg", "panda": "Panda%20face/Color/panda_face_color.svg", "rose": "Rose/Color/rose_color.svg", "cherry": "Cherry%20blossom/Color/cherry_blossom_color.svg", "sun": "Sun/Color/sun_color.svg", "moon": "Moon/Color/moon_color.svg", "check": "Check%20mark/Color/check_mark_color.svg", "cross": "Cross%20mark/Color/cross_mark_color.svg", "warning": "Warning%20sign/Color/warning_sign_color.svg", "crown": "Crown/Color/crown_color.svg", "trophy": "Trophy/Color/trophy_color.svg", "rocket": "Rocket/Color/rocket_color.svg", "link": "Link%20symbol/Color/link_symbol_color.svg", "poop": "Pile%20of%20poo/Color/pile_of_poo_color.svg", "alien": "Alien%20monster/Color/alien_monster_color.svg", "ghost": "Ghost/Color/ghost_color.svg", "cat_heart": "Smiling%20cat%20face%20with%20heart%20eyes/Color/smiling_cat_face_with_heart_eyes_color.svg" }; var VANYS_EMOJI_BASE = "https://cdn.jsdelivr.net/gh/microsoft/fluentui-emoji@main/assets/"; function toggleEmojiPicker(btnId, textareaId) { var picker = document.getElementById(btnId + '-picker'); picker.classList.toggle('open'); if (picker.classList.contains('open') && picker.querySelector('.emoji-grid').children.length === 0) { renderEmojiGrid(btnId, textareaId); } } function renderEmojiGrid(btnId, textareaId) { var grid = document.querySelector('#' + btnId + '-picker .emoji-grid'); var keys = Object.keys(VANYS_EMOJI); grid.innerHTML = ''; keys.forEach(function(k) { var div = document.createElement('div'); div.className = 'emoji-item'; var img = document.createElement('img'); img.src = VANYS_EMOJI_BASE + VANYS_EMOJI[k]; img.alt = ':' + k + ':'; img.loading = 'lazy'; div.appendChild(img); div.title = ':' + k + ':'; div.onclick = function(){ insertEmoji(k, textareaId); }; grid.appendChild(div); }); } function insertEmoji(name, textareaId) { var ta = document.getElementById(textareaId); if (!ta) return; var start = ta.selectionStart, end = ta.selectionEnd; var code = ':' + name + ':'; ta.value = ta.value.substring(0, start) + code + ta.value.substring(end); ta.selectionStart = ta.selectionEnd = start + code.length; ta.focus(); // Close all pickers document.querySelectorAll('.emoji-picker').forEach(function(p){ p.classList.remove('open'); }); } function filterEmoji(input, btnId) { var q = input.value.toLowerCase(); var grid = document.querySelector('#' + btnId + '-picker .emoji-grid'); grid.querySelectorAll('.emoji-item').forEach(function(item){ var name = item.title.replace(/:/g,'').toLowerCase(); item.style.display = name.indexOf(q) >= 0 ? 'flex' : 'none'; }); } // Close picker on outside click document.addEventListener('click', function(e) { if (!e.target.closest('.emoji-btn')) { document.querySelectorAll('.emoji-picker.open').forEach(function(p){ p.classList.remove('open'); }); } }); </script> </body> </html>