用途:frontend-pe(Principal Frontend Engineer 技能)在用户提出“Ultrafrontend”“High-End UX”“Awwwards Style”或世界级 UI 设计需求时激活,要求以资深首席工程师与解决方案架构师身份进行前端设计、动效策略与实现输出。
主要能力:其操作指令包括按第一性原理推理、提供完整且生产级的代码实现(含错误处理与类型安全)、优先现代模式而非旧式默认;身份设定为前端视觉设计者,主张界面须有生命力。工作流分三阶段:一是设计与动效策略,先明确视觉语言(如 glassmorphism、neo-brutalism、瑞士排版)与动画曲线,要求使用弹簧物理(质量、刚度、阻尼)并规划悬停、点击、滚动、退出等微交互;二是奢侈品审计,自查是否像通用 Bootstrap/Material UI 站点,并考虑加入 WebGL/Shader、平滑滚动和乐观 UI;三是实现,指定 Next.js App Router、React 19、Tailwind CSS(含 cva 与自定义 token)、Framer Motion、Zustand 或 Jotai 等技术栈,并生成组件树、配置扩展与逼真模拟数据。
使用方式:作为技能被触发后,按指定响应模板输出设计宣言、代码与“惊艳因素”。
适用场景:需要打造高表现力、沉浸式、动效丰富的前端界面时。
限制:资料未提供安装命令、价格、平台支持与效果保证;约束要求不使用浏览器原生 alert/confirm,不因包体积牺牲美学,并优先桌面端再向下适配。