白无常推荐设计美学最火爆的30个skill

Designer Portfolio Design Review

适合：优化设计师作品集网页，把项目展示、首页首屏、案例页和视觉细节打磨到更专业。

用设计总监视角审查作品集网站，发现视觉层级、间距、动线、移动端和真实落地问题。

复制 GitHub 链接

AI Image Generator for Real Portraits

适合：做自然、真实、不过度修饰的人像/模特图，也能配合网站 hero、品牌海报和产品场景图。

图像生成技能，包含真实照片、人物头像、产品图、海报和多参考合成的提示词与质量检查。

复制 GitHub 链接

Beautiful Designer Resume PDF

适合：做偏美观的设计师简历 PDF：干净版式、清晰分区、项目亮点、作品集链接和视觉一致性。

LaTeX 文档技能，内置多套简历模板和 PDF/PNG 预览，适合把设计师简历做得清爽、美观、可交付。

复制 GitHub 链接

Career Ops Resume System

适合：给设计师求职材料做系统优化：简历内容、项目叙事、岗位匹配和输出 PDF 流程。

高星求职系统 skill，覆盖简历优化、岗位匹配、批量处理和 PDF 生成，适合系统化打磨职业材料。

复制 GitHub 链接

Designer Resume Narrative Writer

适合：把设计师简历里的项目经历写得更有层次：角色、动作、设计决策、业务结果和作品集入口更清楚。

面向资深岗位的简历写作 skill，用结果、影响力和项目叙事强化设计师简历内容。

复制 GitHub 链接

Designer Portfolio Case Study Writer

适合：优化设计师作品集案例页：项目背景、过程图说明、设计取舍、结果指标和展示节奏。

把设计项目整理成作品集案例，强化问题、洞察、过程、设计决策和结果，不只是流水账。

复制 GitHub 链接

Banner Design

适合：做广告横幅、活动 banner、课程封面和促销主视觉

面向横幅、广告位和营销视觉的设计技能，强调尺寸、层级、转化信息和视觉冲击。

复制 GitHub 链接

Brand

适合：整理品牌规范、Logo 使用、字体、色彩和品牌语气

把品牌指南、色彩、字体、Logo 规则和语气整理成可执行的 AI 设计上下文。

复制 GitHub 链接

Design System

适合：沉淀 UI 设计系统、组件规范、配色和版式规则

把界面布局、配色、图表和幻灯片逻辑沉淀成结构化设计系统。

复制 GitHub 链接

Open Design Contribute

适合：学习 Open Design 的技能结构、设计系统贡献和资源组织

Open Design 项目的贡献技能，包含设计系统结构、技能规范和设计资源组织方法。

复制 GitHub 链接

Frontend UI Engineering

适合：把产品界面做成可维护的前端组件和真实 UI

生产级前端 UI 工程技能，帮助 AI 同时处理交互、组件质量和视觉可用性。

复制 GitHub 链接

Taste Skill

适合：让 AI 生成的网页更有审美，减少模板味和廉价感

给 AI 加入审美判断，减少模板化界面，强调真实产品语境里的视觉品味。

复制 GitHub 链接

Redesign Skill

适合：改版旧网页、优化信息层级、视觉节奏和页面质感

面向旧页面改版和界面升级，适合把粗糙 UI 重构成更有质感的产品页面。

复制 GitHub 链接

Brandkit

适合：快速生成品牌套件，让网页、海报和产品视觉统一

快速生成品牌套件和视觉方向，帮助网页、产品和营销素材保持统一审美。

复制 GitHub 链接

Frontend Slides

适合：用 HTML/CSS 做高审美网页 PPT、课程页和发布会 slides

用前端代码生成高审美网页幻灯片，包含大量大胆、杂志化、海报式模板方向。

复制 GitHub 链接

Huashu Design

适合：做中文网页、HTML PPT、动效页面和视觉表达方案

HTML-native 设计技能，覆盖网页、幻灯片、动效和设计上下文组织。

复制 GitHub 链接

Web Design Engineer

适合：从一句需求生成可运行网页，兼顾视觉和工程实现

面向网页设计实现的工程型 skill，帮助 AI 产出更完整、可运行的网页界面。

复制 GitHub 链接

GPT Image 2

适合：写高质量图片生成提示词，覆盖海报、头像、图标和科研图

围绕图像生成的设计技能，包含学术图、海报、头像、图标和素材风格参考。

复制 GitHub 链接

Web Video Presentation

适合：把网页演示做成视频化展示、分镜和动态 presentation

把网页视觉、视频节奏和演示内容结合，适合生成视频化展示页面。

复制 GitHub 链接

Stitch React Components

适合：从设计意图生成 React 组件，适合产品 UI 和组件库

Google Stitch 相关的 React 组件技能，强调组件结构、样式指南和可复用架构。

复制 GitHub 链接

Stitch shadcn/ui

适合：生成 shadcn/ui 风格后台、表单、数据表和产品界面

围绕 shadcn/ui 的界面构建技能，适合表单、数据表和产品后台组件。

复制 GitHub 链接

Stitch Remotion

适合：做产品讲解视频、屏幕流程动画和视频化 slides

用 Remotion 生成屏幕录制、产品演示和视频化幻灯片的技能。

复制 GitHub 链接

HTML Anything Dashboard

适合：生成数据看板、运营后台和高信息密度业务界面

HTML Anything 的仪表盘模板 skill，面向数据密集型产品界面和运营后台。

复制 GitHub 链接

Xiaohongshu Card

适合：生成小红书风格知识卡片、社媒海报和内容封面

生成小红书风格内容卡片的 HTML skill，适合社媒海报和知识卡片。

复制 GitHub 链接

Guizang Editorial Deck

适合：生成电子杂志风中文网页 PPT 和翻页演示

归藏风格的电子杂志式 HTML deck 模板，强调章节感、图文编排和发布会质感。

复制 GitHub 链接

App Store Screenshots

适合：生成 App Store 上架截图、手机展示图和功能卖点图

端到端生成 App Store 宣传截图，适合移动应用上架图、功能卖点和视觉包装。

复制 GitHub 链接

Hallmark

适合：让网页远离 AI 味，参考真实产品页面做高级 UI

反 AI 味设计技能，内置大量网页组件、版式参考和视觉反模式。

复制 GitHub 链接

Bento Design

适合：做 Bento 网格产品展示、功能墙和作品集模块

Bento 网格风格 skill，用分区卡片、模块化信息和强视觉秩序组织页面。

复制 GitHub 链接

Bold Design

适合：做大胆海报式页面、强标题视觉和活动首屏

大胆视觉风格 skill，强调大字、强色块和海报化表达。

复制 GitHub 链接

Brutalism Design

适合：做粗野主义、实验感、强态度的网页和视觉页面

粗野主义视觉 skill，适合更实验、更锋利、更有态度的网页设计。

复制 GitHub 链接