QiuVision

正在加载
Hi, I'm QiuYeDx.
Where Code Meets

TASTE

不只是记录代码与视觉,也记录 AI 时代的开发方式
从前端工程、AI Coding、Agent、Skills 到交互体验

文章时间线

以时间为轴,回溯创作轨迹

精选内容

前端实践、AI Coding、Agent、Skills 与交互体验的交汇处

AI 工具
2026-03-1118 分钟

Agent Skills 资产化:个人与团队的技能积累、管理与分发

当 AI Coding Agent 成为日常工具,如何把散落在项目各处的工程经验、领域知识和最佳实践,系统地沉淀为可复用的 Agent Skills?本文从一个人的技能仓库出发,聊聊 Skills 的设计理念、目录治理、写作方法论和团队级分发实践——以及为什么「资产化」比「写文档」更接近问题的本质。

阅读全文
前端动效
2026-04-2418 分钟

Motion for React 实战模式手册:从入场动画到滚动驱动的 9 种典型用法

从一个真实 Next.js 博客项目的 30+ 个 Motion 使用场景中,提炼出 9 种可复用的动效模式:入场动画、视口触发、stagger 编排、退出过渡、共享布局、滚动驱动、弹簧物理、SVG 路径描边与逐帧动画。每种模式均附带项目实战代码,帮助你将 Motion 的能力系统地落地到生产环境。

阅读全文
数据可视化
2026-04-2020 分钟

ECharts 多层 X 轴智能自适应合并:从 Hack 到优雅的工程实践

在半导体数据可视化场景中,多层 X 轴面临密集数据下的 label 重叠问题。本文记录了如何在 ECharts 上构建多层 X 轴,并最终实现一套像素驱动的自适应合并算法,让每一层 label 在任意数据密度下保持清晰可读。

阅读全文
AI 工具
2026-02-0625 分钟

用 Node.js 开发一个 MCP 服务:从协议本质到最佳实践

深入理解 Model Context Protocol(MCP)协议的核心架构,梳理用 Node.js / TypeScript 构建一个符合标准的 MCP Server 的完整要素:Tools / Resources / Prompts 三大原语、传输层选型、生命周期管理,以及生产级开发中的关键实践。

阅读全文
前端工程
2026-03-0322 分钟

面向 AI 的企业级前端组件库:从技术理想到务实落地

复盘一次企业级前端组件库的设计演进:从 React + Vue3 双栈 shadcn 的技术理想,到放弃 shadcn、聚焦 Vue3 原生实现的务实转向,再到以 Skills + Prompt 资产为核心的 AI 增强体系落地——以及为什么我们最终选择 Skills 优先而非 MCP。记录每一次关键决策的「为什么」,和那些比技术选型更重要的事。

阅读全文
技术栈一览

前沿技术驱动

基于现代 Web 技术栈,追求极致的开发体验与用户体验

React
Next.js
TypeScript
Tailwind CSS
Node.js
shadcn/ui
WebGL
Three.js
Framer Motion
极致体验
优雅设计
流畅动效
前沿技术
最佳实践
全球化
响应式布局
性能优化
创意交互
视觉美学