Astro Blog Template by Ricocchttps://www.ricoui.com/https://www.ricoui.com/blog/suggestions-before-learning-frontend-development/https://www.ricoui.com/blog/suggestions-before-learning-frontend-development/We developed brand positioning and design assets for the launch of a new colored water product. https://www.ricoui.com/blog/about-the-personal-website-of-a-designer/https://www.ricoui.com/blog/about-the-personal-website-of-a-designer/About the Personal Website of a Designerhttps://www.ricoui.com/blog/design-style-english-vocabulary/https://www.ricoui.com/blog/design-style-english-vocabulary/设计风格英文词汇自查表https://www.ricoui.com/blog/headless-cms-selection-for-personal-websites/https://www.ricoui.com/blog/headless-cms-selection-for-personal-websites/Sanity、Dato CMS、Tina CMS、Keystatic 4个CMS 具体功能对比https://www.ricoui.com/blog/recent-career-exploration/https://www.ricoui.com/blog/recent-career-exploration/We developed brand positioning and design assets for the launch of a new colored water product. https://www.ricoui.com/blog/should-designers-learn-front-end-development/https://www.ricoui.com/blog/should-designers-learn-front-end-development/Should designers learn front-end development?https://www.ricoui.com/blog/the-best-time-for-designers-to-start-learning-development-is-now/https://www.ricoui.com/blog/the-best-time-for-designers-to-start-learning-development-is-now/The Best Time for Designers to Start Learning Development Is Nowhttps://www.ricoui.com/blog/public-portfolio-site/https://www.ricoui.com/blog/public-portfolio-site/Designer Personal Website Open Sourceshttps://www.ricoui.com/blog/chinese-article-template/https://www.ricoui.com/blog/chinese-article-template/《学而》是《论语》第一篇的篇名。《论语》中各篇一般都是以第一章的前二三个字作为该篇的篇名。《学而》一篇包括16章，内容涉及诸多方面。其中重点是「吾日三省吾身」；「节用而爱人，使民以时」；「礼之用，和为贵」以及仁、孝、信等道德范畴。https://www.ricoui.com/blog/astro-js-project-experience-log/https://www.ricoui.com/blog/astro-js-project-experience-log/Astro 5.0 中 Google analytics 代码报错 not definedhttps://www.ricoui.com/blog/will-figma-sites-drive-the-future-of-web-design/https://www.ricoui.com/blog/will-figma-sites-drive-the-future-of-web-design/Figma Sites可以不离开 Figma 工作流程，直接从设计稿无缝转化为线上网站，这意味着摆脱了设计师和开发者之间传统的交接过程，上线一个网站（落地效果、测试和验收）变得更简单了。https://www.ricoui.com/blog/12-awesome-shadcnui-component-libraries-you-need/https://www.ricoui.com/blog/12-awesome-shadcnui-component-libraries-you-need/Top 12 Awesome Shadcn UI Component Libraries You Needhttps://www.ricoui.com/blog/awesome-design-md/https://www.ricoui.com/blog/awesome-design-md/从 awesome-design-md 的走红，谈设计能力的结构化输出https://www.ricoui.com/blog/12-inspiration-websites-focused-on-components/https://www.ricoui.com/blog/12-inspiration-websites-focused-on-components/Top 12 inspiration websites focused on componentshttps://www.ricoui.com/blog/css-text-gradient-showcase-and-how-to-code/https://www.ricoui.com/blog/css-text-gradient-showcase-and-how-to-code/CSS Text Gradient Showcase & How to Codehttps://www.ricoui.com/blog/brands-design-md/https://www.ricoui.com/blog/brands-design-md/An open-source brand design reference library that packages each brand into a human-friendly preview and an AI-ready DESIGN.md with structured tokens and CSS outputs.https://www.ricoui.com/blog/design-style-guide-neo-brutalism/https://www.ricoui.com/blog/design-style-guide-neo-brutalism/Design Style Guide - Neo Brutalismhttps://www.ricoui.com/blog/design-style-guide-spacepunk/https://www.ricoui.com/blog/design-style-guide-spacepunk/Design Style Guide - Spacepunkhttps://www.ricoui.com/blog/design-style-guide-retro-and-vintage/https://www.ricoui.com/blog/design-style-guide-retro-and-vintage/Design Style Guide - Retrohttps://www.ricoui.com/blog/designer-favorites-11-great-app-inspiration-platforms/https://www.ricoui.com/blog/designer-favorites-11-great-app-inspiration-platforms/11 App Inspiration Libraries All in One! A must-have collection library for designers!https://www.ricoui.com/blog/designer-vibe-coding-guide-git-github-ugit/https://www.ricoui.com/blog/designer-vibe-coding-guide-git-github-ugit/写给零基础用户的版本管理入门，从 Git 基础概念、GitHub 远程仓库，到让 AI 操作 Git、用 GitHub Desktop 与 UGit 可视化管理https://www.ricoui.com/blog/explore-visual-boundaries-10-design-tools/https://www.ricoui.com/blog/explore-visual-boundaries-10-design-tools/10 Browser-Based Design Tools for Inspiration, Motion, Gradients and Visual Effectshttps://www.ricoui.com/blog/icon-library-reicon-dev/https://www.ricoui.com/blog/icon-library-reicon-dev/Reicon is a free open-source SVG icon library with 2,700+ icons on a 24px grid, with packages for React, Vue, Svelte, vanilla JS, Figma, VS Code and CDN. Strong semantic coverage for AI and digital product UI.https://www.ricoui.com/blog/impeccable-style-best-ai-frontend-design-skill/https://www.ricoui.com/blog/impeccable-style-best-ai-frontend-design-skill/Impeccable.style 是一个专为 AI 编码工具设计的前端设计增强技能包，大幅提升 AI 生成的网页界面审美水平https://www.ricoui.com/blog/how-to-design-a-personal-website-a-complete-step-by-step-guide/https://www.ricoui.com/blog/how-to-design-a-personal-website-a-complete-step-by-step-guide/如何设计个人网站？看看这份全流程指南https://www.ricoui.com/blog/personal-website-selection-guide-for-designers/https://www.ricoui.com/blog/personal-website-selection-guide-for-designers/Personal Website Selection Guide for Designershttps://www.ricoui.com/blog/rico-bookmark-manager/https://www.ricoui.com/blog/rico-bookmark-manager/rico-bookmark-manager，一个 SKILL 完成浏览器书签的分类、整理、检测，支持生成导航站。https://www.ricoui.com/blog/rico-markdown-editor/https://www.ricoui.com/blog/rico-markdown-editor/Rico markdown editorhttps://www.ricoui.com/blog/ricoui-portfolio-websites-guide-design/https://www.ricoui.com/blog/ricoui-portfolio-websites-guide-design/Open Source! Ricoui portfolio website (design)https://www.ricoui.com/blog/skills-for-design-engineers/https://www.ricoui.com/blog/skills-for-design-engineers/Skills For Design Engineers is an open-source skill set that gives AI coding agents better UI, animation, and design engineering judgment.https://www.ricoui.com/blog/skills-rico-resource-article/https://www.ricoui.com/blog/skills-rico-resource-article/自动化资源推荐文章创作工作流，AI 驱动从搜集到发布全流程https://www.ricoui.com/blog/the-aesthetics-of-time-dislocation-retro-futurism/https://www.ricoui.com/blog/the-aesthetics-of-time-dislocation-retro-futurism/The Aesthetics of Time Dislocation Retro-Futurism and the Fantastic Fourhttps://www.ricoui.com/blog/top-14-free-icon-libraries-for-designers-and-developers/https://www.ricoui.com/blog/top-14-free-icon-libraries-for-designers-and-developers/Top 14 Free Icon Libraries for Designers & Developershttps://www.ricoui.com/blog/vibe-coding-for-designers-1-basics-frameworks-tools/https://www.ricoui.com/blog/vibe-coding-for-designers-1-basics-frameworks-tools/The Complete Vibe Coding Guide for Designers (2026)https://www.ricoui.com/blog/top-8-design-skills/https://www.ricoui.com/blog/top-8-design-skills/8 top design skills for vibe codinghttps://www.ricoui.com/blog/vibe-coding-guide-2/0603-v4a-%E5%86%99%E7%BB%99%E8%AE%BE%E8%AE%A1%E5%B8%88%E7%9A%84-vibe-coding-%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%8C%87%E5%8D%97%E4%BA%8Ca--%E5%9F%BA%E7%A1%80%E5%87%86%E5%A4%87%E4%B8%8E%E9%83%A8%E7%BD%B2%E4%B8%8A%E7%BA%BF/https://www.ricoui.com/blog/vibe-coding-guide-2/0603-v4a-%E5%86%99%E7%BB%99%E8%AE%BE%E8%AE%A1%E5%B8%88%E7%9A%84-vibe-coding-%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%8C%87%E5%8D%97%E4%BA%8Ca--%E5%9F%BA%E7%A1%80%E5%87%86%E5%A4%87%E4%B8%8E%E9%83%A8%E7%BD%B2%E4%B8%8A%E7%BA%BF/GitHub 注册、项目下载与启动、AI 工具选择、部署上线、域名与常见问题——Vibe Coding 的基础设施参考手册https://www.ricoui.com/blog/vibe-coding-guide-2/0603-v4b-%E5%86%99%E7%BB%99%E8%AE%BE%E8%AE%A1%E5%B8%88%E7%9A%84-vibe-coding-%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%8C%87%E5%8D%97%E4%BA%8Cb--rico-md-%E5%AE%9E%E6%88%98%E6%A1%88%E4%BE%8B%E6%95%99%E7%A8%8B/https://www.ricoui.com/blog/vibe-coding-guide-2/0603-v4b-%E5%86%99%E7%BB%99%E8%AE%BE%E8%AE%A1%E5%B8%88%E7%9A%84-vibe-coding-%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%8C%87%E5%8D%97%E4%BA%8Cb--rico-md-%E5%AE%9E%E6%88%98%E6%A1%88%E4%BE%8B%E6%95%99%E7%A8%8B/用一个真实项目 rico-md，带你走完从选技术栈、写 PRD、用 AI 改造到设计优化的完整 Vibe Coding 流程https://www.ricoui.com/blog/vibe-coding-guide-2/content/https://www.ricoui.com/blog/vibe-coding-guide-2/content/从选技术栈到写 PRD，用一个真实项目带你走完 Vibe Coding 的完整实操流程https://www.ricoui.com/blog/vibe-coding-guide-2/https://www.ricoui.com/blog/vibe-coding-guide-2/从选技术栈到写 PRD，用一个真实项目带你走完 Vibe Coding 的完整实操流程https://www.ricoui.com/blog/web-design-style-guide-brutalism/https://www.ricoui.com/blog/web-design-style-guide-brutalism/Web Design Style Guide - Brutalismhttps://www.ricoui.com/blog/what-have-i-developed-as-a-designer/https://www.ricoui.com/blog/what-have-i-developed-as-a-designer/What have I developed as a designer?https://www.ricoui.com/blog/what-is-dreamcore-aesthetics/https://www.ricoui.com/blog/what-is-dreamcore-aesthetics/What Is Dreamcore Aesthetics? AI Is Making Every Individual a Dream Makerhttps://www.ricoui.com/blog/four-design-skills-i-kept/https://www.ricoui.com/blog/four-design-skills-i-kept/Four design skills that remain useful after long-term use, focused on design judgment, UX principles, GSAP implementation, and restrained UI transitions.