下面是我的踩坑记和发展历程

1. 使用 v0 设计并构建前端（不好看）

2. 使用 gemini3 进行polish 和 refine（不够优雅）

3. 使用 uiux pro max 进行页面制作（差强人意，并且不支持软连接也太呆了）

4. 后面发现还是不能绕路,必须从指定设计标准开始，总结为5个层级结构：

• 非常简单和使用的方案就是固定 UI 组件库，下面是常常使用的：
The Foundation for your Design System - shadcn/ui

The Foundation for your Design System - shadcn/ui
A set of beautifully designed components that you can customize, extend, and build on. Start here then make it your own. Open Source. Open Code.

Magic UI

Magic UI
Beautiful UI components and templates to make your landing page look stunning.

21st.dev21st.dev: The first vibe-crafting tool

21st.dev: The first vibe-crafting tool
Discover fresh UI inspiration, add favorites to your canvas, and generate hundreds of fresh variants based on your taste. No pixel-pushing required.
21st.dev
Ein UIEin UI - Liquid Glass UI Library for React & Next.js
Ein UI - Liquid Glass UI Library for React & Next.js
Open-source liquid glass React components for Next.js. Shadcn-compatible, accessible, and built for modern apps.
Ein UI
Aceternity UIAceternity UI — Beautiful Tailwind CSS and Framer Motion Components

Aceternity UI — Beautiful Tailwind CSS and Framer Motion Components
Copy-paste beautiful UI components built with React, Next.js, Tailwind CSS, and Framer Motion. 200+ free components, blocks, and templates.
Aceternity UI

前端 taste 学习

• MobbinDiscover sites | Mobbin — UI & UX design inspiration for mobile & web apps
  

  Discover sites | Mobbin — UI & UX design inspiration for mobile & web apps

  Browse and search across hundreds of sites for UI & UX research.

  Mobbin

• DribbbleDribbble - Discover the World’s Top Designers & Creative Professionals
  

  Dribbble - Discover the World’s Top Designers & Creative Professionals

  Find Top Designers & Creative Professionals on Dribbble. We are where designers gain inspiration, feedback, community, and jobs. Your best resource to discover and connect with designers worldwide.

  Dribbble

• Design PromptsDesign Prompts - AI-Powered Design Style Explorer
  

  Design Prompts - AI-Powered Design Style Explorer

  Explore 31+ stunning design styles rendered from the same data. Get AI-ready prompts to recreate any aesthetic in your own projects.

  Design Prompts

• tweakcnBeautiful themes for shadcn/ui — tweakcn | Theme Editor & Generator
  

  Beautiful themes for shadcn/ui — tweakcn | Theme Editor & Generator

  Customize theme for shadcn/ui with tweakcn's interactive editor. Supports Tailwind CSS v4, Shadcn UI, and custom styles. Modify properties, preview changes, and get the code in real time.

  tweakcn

本地开发配置

1. 后端为：
   superpowers

   Github

   superpowers

   Owner

   obra

   Updated

   Mar 14, 2026

   
   ，简单好用

2. 前端 web 为：pbakausImpeccable: Design skills for AI harnesses
   

   Impeccable: Design skills for AI harnesses

   1 skill, 17 commands, and curated anti-patterns for impeccable frontend design.

   pbakaus
实际上 Impeccable 非常好用，从设计到 polish 都有指令，
其中 /frontend-design 非常关键，大多数时间是想办法沉淀出前端的设计文档。

3. ios app 为：
app_disign.zip
82.7 KiB