#前端

10个前端开发必备的AI Skills:从设计还原到自动化部署的全套方案
作为一个长期关注AI落地应用的产品经理,我每天都在筛选能够切实提升团队效能的工具。最近在深度体验 Codex、Claude Code 等 AI 编程助手时,我发现单纯的“聊天写代码”已经不能满足高质量交付的需求了。真…
五套前端风格提示词:暗黑 UI、管理后台、期刊排版、玻璃拟态、极简 SaaS
问题:为什么 AI 生成的界面「能用但不对劲」 给 AI 说「做个暗黑风格的界面」,通常会得到什么? 大概率是:深灰背景 #1a1a2e、亮蓝按钮、无衬线字体、大量留白。能跑,但看起来不对劲——它更像一个没有设计过的…
AI 写前端总是蓝紫渐变?完整设计规则 Prompt 让生成页面摆脱「AI 味」
问题:为什么 AI 生成的前端页面「一眼 AI」 用 AI 写一个 Dashboard 页面,回车按下后,生成的结果大概率是这样的:蓝紫渐变铺满背景,白色卡片浮在上面,左上角一个 emoji 火箭,标题字号比正文大三倍,底部一排按钮&mda…
Taste Skill:让 AI 编码 Agent 生成更好前端界面的审美规则库
用 AI 写前端页面时,你是否经常遇到这样的问题:生成的界面总是"居中大标题 + 三张卡片 + 蓝紫渐变"的模板感?字体、间距、配色全靠运气? Taste Skill 正是为了解决这个问题而生。它是一组面向 AI 编码 Agent 的 SK…
CodeBuddy + MiniMax-M2.7 实测:AI编程小程序开发实战的模型选择指南
最近半年用 AI编程开发了 3 个完整小程序项目,都已上线并获得了一些用户。从构思到功能开发到上线,完整走完了从 0 到 1 的多个产品全流程。 在这个过程中尝试了很多工具和不同的模型,目前使用最多的是 MiniMax-M2.7。 为什么…
7 个热门前端设计 Skills 横评:Taste Skill 最稳,Frontend-Design 第一屏最惊艳
摘要:本文横向评测 7 个热门前端设计 Skills,包括原生生成、UI Aesthetics、UI UX Pro Max、Frontend-Design、Taste Skill 以及 impeccable 二次优化方案。通过同一需求「爱情…
7 个高质量前端UI设计的 Skills(技能包),让 AI 编程生成高质量UI代码
摘要:本文分享 7 个高质量前端开发 Skills(技能包),覆盖地图开发、Vue/Nuxt 工具链、3D 开发、SCSS 规范、现代 CSS、UI/UX 设计、Electron桌面应用。安装后 AI 编程助手生成的代码质量显著提升,减少查…
DESIGN.md 开源项目详解:5 天 52K Star,用 Markdown 让 AI 写出品牌级 UI
丢一个 Markdown 文件到项目里,告诉 AI"照这个风格做",出来的 UI 直接就是 Stripe 级别的质感。GitHub 上一个叫 awesome-design-md 的项目,5 天内冲到 52,264 Star,刷屏了整个开发者…
9 款 Vibe Design 工具横评:Variant、Stitch、impeccable 等 UI 设计工具实测对比
评测背景 本文评测 9 款针对非设计师的 Vibe Design 工具,适用于提升 AI 生成的 APP 和前端应用的美感。评测任务统一为:设计一个音乐播放 APP,要求现代、清新、模拟实体的播放器展现效果。 Variant:创意最强的设计…
KAT-Coder-Pro V2发布:Claude Code + KAT-Coder-Pro V2实测新一代代码助手在前端生成与审美上显著进化
昨天快手宣布 KAT-Coder-Pro V2 正式上线。去年 10 月 V1 版本刚出时我就在 Claude Code 里测试过,整体感觉还行,就是最大输出只有 32K,碰到复杂代码生成任务有点不够用。 这次 V2 升级幅度不小,我接入…