首页
/
行业洞察
/
正文
INDUSTRY INSIGHT · 深度
UI UX Pro Max 怎么检索 Svelte 4、Next.js 15 等旧版本框架的遗留指导?
📅 2026/9/10 4:29:36
✍️ 爱科研究院
👁 阅读 3,247
UI UX Pro Max 怎么检索 Svelte 4、Next.js 15 等旧版本框架的遗留指导【免费下载链接】ui-ux-pro-max-skillAn AI skill that provides design intelligence for building professional UI/UX across multiple platforms.项目地址: https://gitcode.com/gh_mirrors/ui/ui-ux-pro-max-skill如果你维护着仍在旧版本框架上的项目Svelte 4、Next.js 15、Tailwind 3、Nuxt 3向 UI UX Pro Max 查询实现指导时默认拿到的是面向当前大版本的active行直接照做会引入新版本的 API 写法。UI UX Pro Max 的 web 栈搜索是版本感知的version-aware在查询词中显式写出旧大版本号例如Svelte 4或Next.js 15检索引擎只返回人工整理curated的 legacy 行并以Status和Applies To字段标注如果某个旧版本没有整理过 legacy 语料搜索返回 0 条结果而不是把新旧两代指导混在一起。本文覆盖的操作环境是技能已通过 CLI 安装到项目中如uipro init --ai claude技能文件位于.claude/skills/ui-ux-pro-max/系统装有 Python 3.x。检索脚本只用 Python 标准库、不发起网络请求这一点在 README.md 的 Prerequisites 中有说明。版本感知是如何划分的检索逻辑由 search.py 调用 core.py 中的search_stack完成规则如下README.md 在 Design System Command 一节有文字说明core.py 中有实现查询不带旧版本号时只索引Status为active的行返回当前版本指导查询显式包含旧大版本时只索引Status为deprecated的 legacy 行查询包含migrat*、upgrad*、replac*、instead、modern、current这类迁移意图词时按当前代处理——比如Next.js 16 migration返回的仍是active行。想在检索 legacy 指导时避免这些词旧大版本没有整理过 legacy 语料时返回 0 条结果abstain并提示换更宽的关键词重试。版本号有几种等价的写法都会被识别纯大版本Svelte 4、带svelte4、带括号版本Next.js (v15)。这套解析在 docs/journals/260813-1622-phase-7-web-stack-freshness.md 中作为 Phase 7 的修复内容被记录回归测试见 test_web_stack_freshness.py。版本感知目前只作用于 web 栈react、nextjs、vue、svelte、astro、angular、html-tailwind、nuxtjs、nuxt-ui外加 shadcn 的基座区分。各栈当前版本的适用性标注可在 core.py 的STACK_CURRENT_APPLICABILITY中查到例如nextjs 16.2、svelte 5、html-tailwind 4.3、nuxtjs 4.5——查询旧版本时对照这张表判断旧。执行遗留版本检索在技能安装路径下运行。README 中的命令以.claude/skills/ui-ux-pro-max/scripts/search.py为路径如果你通过 Continue 或 Droid (Factory) 安装分别替换为.continue/skills/和.factory/skills/。直接在本仓库源码上试验时路径是 src/ui-ux-pro-max/scripts/search.py。Svelte 4查 legacy props 与事件python3 .claude/skills/ui-ux-pro-max/scripts/search.py Svelte 4 legacy props and events --stack svelte查询词中显式带上Svelte 4。示例结果默认返回 3 条--max-results可取 1–20## UI Pro Max Stack Guidelines **Stack:** svelte | **Query:** Svelte 4 legacy props and events **Source:** stacks/svelte.csv | **Found:** 3 results ### Result 3 - **Category:** Props - **Guideline:** Use export let for legacy props - **Description:** Declare props with export let only in legacy mode - **Do:** Retain export let while maintaining legacy components - **Dont:** Introduce export let in new runes-mode components - **Code Good:** export let count 0 - **Code Bad:** let { count 0 } $props() - **Severity:** High - **Applies To:** svelte legacy 4 - **Status:** deprecated - **Verified At:** 2026-08-13判断结果正确的标准Found大于 0且每条结果的Status都是deprecated、Applies To带 legacy 范围这里是svelte legacy 4。对照运行一次不带版本号的查询例如Svelte state props and events --stack svelte应全部返回Status: active、Applies To: svelte 5的行——两代指导互不串入。Svelte 的 legacy 语料共 11 行覆盖export let、on:事件、createEventDispatcher、$$slots等完整内容可直接看 svelte.csv。Next.js 15查 legacy middlewarepython3 .claude/skills/ui-ux-pro-max/scripts/search.py Next.js 15 middleware auth matcher --stack nextjsNext.js 的 legacy 语料目前只有 1 行nextjs.csv 中Status为deprecated的行查询命中后返回示例如下- **Guideline:** Treat middleware.ts and export function middleware as legacy - **Description:** The middleware filename and named export are deprecated in Next.js 16; use proxy.ts and export function proxy instead. - **Applies To:** nextjs legacy - **Status:** deprecated这说明 legacy 语料是精选的不是每个旧版本的每个主题都有对应行。查询某个旧版本时如果主题恰好没有整理过就会落入下一节的0 条结果情形。Tailwind 3、Nuxt 3用写法major和(vMajor)写法同样会路由到 legacy 语料回归用例来自 test_web_stack_freshness.py 的test_common_old_major_syntaxes_select_legacy_guidancepython3 .claude/skills/ui-ux-pro-max/scripts/search.py tailwindcss3 JIT --stack html-tailwind python3 .claude/skills/ui-ux-pro-max/scripts/search.py nuxt3 app config --stack nuxtjs两条命令都应返回Status: deprecated的行Tailwind 3 对应的是 JIT 模式迁移行html-tailwind legacy 3.xNuxt 3 对应的是在加 Nuxt 4 特性前先迁移 Nuxt 3的迁移行nuxtjs legacy 3.x。验证结果与处理空结果有结果时检查三个字段Status必须是deprecated说明这是 legacy 指导而非当前版本指导Applies To版本适用范围例如svelte legacy 4、nextjs legacy对照它确认行确实适用于你项目的框架版本Verified At该行的核验日期数据文件当前均为2026-08-13。同时留意Dont和Code Bad两列它们描述的是在新代码里不要做什么例如 legacy 行会提示不要把export let引入 runes-mode 组件维护旧项目时这是区分允许保留与禁止扩散的依据。0 条结果是预期的设计行为不是故障。例如对 astro 栈查询旧大版本python3 .claude/skills/ui-ux-pro-max/scripts/search.py Astro 5 content collections --stack astro输出Found: 0 results和No matches. ...提示。astro 栈没有整理过 legacy 行引擎选择放弃abstain而不是混入astro 7.1.6的当前指导。输出中的提示文本给出下一步用更宽或不同的关键词重试如果最终回退到通用默认要明确说明没有命中数据库而不是默认命中了。字段截断人类可读输出会把超过 300 字符的长字段截断代码字段例外见 core.py 的UNTRUNCATED_COLS。需要完整数据时加--jsonpython3 .claude/skills/ui-ux-pro-max/scripts/search.py Svelte 4 legacy props and events --stack svelte --json覆盖范围与边界有整理过 legacy 语料的 web 栈及主题Sveltesvelte legacy 411 行、Next.jsnextjs legacymiddleware 迁移 1 行、Tailwindhtml-tailwind legacy 3.xJIT 迁移 1 行、Nuxtnuxtjs legacy 3.x1 行、React2 行 legacy。合计 16 行 deprecated legacy 行的构成见 docs/journals/260813-1622-phase-7-web-stack-freshness.md。查询主题不在这几处时应按0 条结果路径处理不要改用当前版本指导套到旧项目上。版本感知不适用于非 web 栈swiftui、jetpack-compose、wpf 等桌面/移动端栈不在WEB_STACKS内查询不按大版本隔离。若查询同时写了旧版本号和迁移意图词如Next.js 15 to Next.js 16 migration这类跨代迁移表述是否按 legacy 处理取决于请求版本与当前版本的比较——纯旧版本查询不带迁移词最稳定地命中 legacy 语料。怀疑数据本身时直接查数据文件确认某行是否存在及其Status/Applies To/Verified Atdata/stacks 目录。【免费下载链接】ui-ux-pro-max-skillAn AI skill that provides design intelligence for building professional UI/UX across multiple platforms.项目地址: https://gitcode.com/gh_mirrors/ui/ui-ux-pro-max-skill创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
📌 标签:
工业官网
设计趋势
AI 建站
SEO
获取完整报告 →
RELATED ARTICLES
推荐阅读
2026/9/10 4:29:36
OmniRoute MCP Server 接入指南:16 个智能工具让任何 AI Agent 监控与操控 AI 网关
2026/9/10 4:29:36
OpenSSL QUIC TX Packetiser 解析:数据报生成流程、帧优先级与流调度(附源码实现)
2026/9/10 4:29:36
Langfuse 前端实践:useState 惰性状态初始化(Lazy State Initialization),消除每次渲染的重复计算
2026/9/10 5:14:39
Arnis 完整指南:把真实地理数据 1:1 转换成 Minecraft 世界
2026/9/10 5:14:39
免费电视盒子管理工具 TVBoxOSC,3 步让电视盒子物尽其用
2026/9/10 5:14:39
ESP32 Arduino 开发环境一次搭对:从串口到首次上传的四层配置指南
2026/9/10 5:14:39
Kafka与ZooKeeper集群搭建实战:从0到1的完整指南
2026/9/10 5:14:39
OpenClaw Hooks机制全解析:事件驱动、插件化与实战踩坑
2026/9/10 5:09:38
get-shit-done context monitor 在上下文剩余低于 35% 与 25% 时分别触发什么行为
2026/9/10 0:04:20
AI搜索的信任缺口:企业内容如何在答案时代自证可信
2026/9/10 0:04:20
Spring Boot+Vue+Node.js售后服务系统开发实战
2026/9/10 0:04:20
SpringBoot+Vue民宿预订管理系统开发实践:从架构设计到部署上线
2026/9/10 2:30:52
超人会飞不算本事:系统稳定依赖清晰规则与边界设计
2026/9/9 1:41:51
超人VS蜘蛛侠:拆解超级IP的影响力与传播方法论
2026/9/9 5:25:52
基于CNN的调制信号识别:MATLAB实现时频图分类实战