QiuVision

正在加载
Hi, I'm QiuYeDx.

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

精选内容

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

AI 工具
2026-03-1118 分钟

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

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

阅读全文
AI 工具
2026-06-1025 分钟

让 AI Agent 接力开发中大型需求:一套可持续的多会话 Coding 工作流

AI Agent 很擅长完成一次明确的编码任务,却容易在中大型需求中丢失边界、遗忘决策、重复探索。本文分享我开源的 large-feature-ai-coding Skill:通过最终设计、执行计划、工作包、进度台账、实施记录与验收修复文档,把一次长开发变成可验证、可交接、可持续推进的多会话工程流程。

阅读全文
前端动效
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 在任意数据密度下保持清晰可读。

阅读全文
技术栈一览

前沿技术驱动

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

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

文章时间线

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