POSTS from ARNO
Vibe Coding: Agentic System Prompt Analysis 🌟
Provides a comprehensive guide on crafting effective system prompts for agentic AI coding assistants, covering core principles, key dimensions, and best practices in prompt engineering.
2025-06-04
🛰️ Systematic x Systemic theory
🧠 Systematic x Systemic theory and its application based on AI
2025-05-26
✨ VibeCoding with Cursor: Best Practices for AI-Powered Development
Explore best practices for VibeCoding with the Cursor AI editor, enhancing your AI-powered development workflow and productivity.
2025-05-18
#Cursor Editor#AI Coding#VibeCoding#Developer Productivity#AI Assisted Development#Best Practices#en
🚀 Essential Mac Setup for Developers: Optimize macOS for Peak Productivity (2025)
A comprehensive guide to setting up and optimizing your Mac for development. Discover the best tools, apps, and macOS configurations for a productive programming environment in 2025.
2025-05-13
#Mac Setup#Developer Tools#macOS Optimization#Developer Productivity#Mac Apps#Programming#en
🪐 Comprehensive Next.js Full Stack App Architecture Guide
A comprehensive guide to designing scalable and maintainable Next.js full stack web applications, based on Arno's best practices for complex projects.
2025-05-13
#Frontend#Backend#Fullstack#en#Next.js#Web Development
🧠 ARNO's Mental Models Checklist
Arno's Mental Models for thinking and elaborating and decision making.
2025-05-09
🗺️ Arno's AI Map: A Guide to AI Tools, Workflows & Best Practices (2025)
Navigate the 2025 AI landscape with Arno's AI Map, detailing optimal AI working procedures, top tools & platforms, and best practices for enhancing productivity.
2025-04-20
#AI Tools#AI Workflow#AI Best Practices#Artificial Intelligence#Productivity with AI#AI Landscape#AI Technology Guide#en
🚀 Mastering React Best Practices: A Comprehensive Guide for Modern Development (2024)
A comprehensive guide to React best practices by @Arno, covering project design, performance optimization, state management, maintainability, and modern React development techniques for 2024.
2024-11-15
#React#React Best Practices#React Performance#State Management#React Development#Frontend Development#en
⚛️ React State Management Best Practice
Arno's Best Practice for React State Management.
2024-11-15
🤯 Why I Create Elaboration Studio
The creation of Elaboration Studio represents a significant step towards redefining how individuals approach complex problem-solving and idea development. By integrating advanced AI capabilities with user-friendly features, the platform not only streamlines the process of organizing thoughts and resources but also fosters a culture of collaboration and innovation.
2024-10-29
📦 Web Browser Sandbox Technology Guide
We shall compare several ways of sandboxing technologies in one article and provide insights for picking the right way to solve your problem in your context, especially concerned with Browser Sandbox or Browser Security.
2024-10-18
📦 Ways of Organize Web Modules in Browser
We shall compare several ways of module organization technologies in one article and provide insights for picking the right way to solve your problem in your context, especially concerned with Micro-FrontEnds or Micro-modules loading, resolving and running.
2024-10-15
🧑🏻💻 SDK Design Guide
📏 Without rules, nothing can be accomplished. These days, I have been busy with SDK design related to the business domain at work. During the design process, I hope to gather ideas and provide some design references.
2024-10-15
🪞 ProseMirror Architecture Guide
Guide to ProseMirror's architecture and practical usage guide.
2024-04-16
🌉 Arc Browser and its pals
Arc Browser changed the way I use browser, it empowers the way I organize my tabs and workspace. It's a must-have tool for me. Here I will introduce how I use Arc Browser and how I combine it with other tools like Notion and Alfred.
2024-03-31
🦄 New Productive Full-Stack Development in 2024
Boost your productivity with highly effective full-stack development.
2023-12-22
AI Driven FrontEnd Development 🌟
Arno's best practices for AI Driven FrontEnd Development.
2023-11-22
AIGC Series: Generating AntDesign Components
A quick test: Trying to generate a form component using an AntDesign component generator.
2023-07-12
2023 Thoughts on Current Web Application Development Trends
Arno's thoughts on technology trends such as low-code, AIGC, full-stack development, VR/AR, and the metaverse.
2023-01-01
Notion: The Future Model of Information Management
Notion is the future tool for info management ~
2022-07-09
The Tool Literacy of an Excellent Front-End Developer
For efficiency, to save time, we need good tools ~
2022-06-12
Talking about Inversion of Control and Dependency Injection in Frontend Development
This article aims to discuss, from a frontend perspective using Typescript as the programming language, how to use mechanisms like IoC and DI to effortlessly manage code dependencies, reuse, and extension in large-scale frontend projects.
2022-05-23
2020 AS A FRONT-END DEVELOPER
Arno's summary and thoughts on the recent direction of FE and the work he has been doing.
2020-01-01
Alfred Productivity Tool
A good workman sharpens his tools first.
2019-07-09