Designer Portfolio Design Review
适合:优化设计师作品集网页,把项目展示、首页首屏、案例页和视觉细节打磨到更专业。
用设计总监视角审查作品集网站,发现视觉层级、间距、动线、移动端和真实落地问题。
本地 skill:skills/01-designer-portfolio-design-review
这份榜单按设计用途重新整理:你可以快速看出它是用来做网页 UI、生图海报、HTML PPT、品牌设计系统,还是简历作品集。卡片图优先使用 GitHub 仓库里的真实截图或 demo 图;没有仓库图的项目会显示明确用途预览。
适合:优化设计师作品集网页,把项目展示、首页首屏、案例页和视觉细节打磨到更专业。
用设计总监视角审查作品集网站,发现视觉层级、间距、动线、移动端和真实落地问题。
本地 skill:skills/01-designer-portfolio-design-review
适合:做自然、真实、不过度修饰的人像/模特图,也能配合网站 hero、品牌海报和产品场景图。
图像生成技能,包含真实照片、人物头像、产品图、海报和多参考合成的提示词与质量检查。
本地 skill:skills/02-ai-image-generator-real-portraits
适合:做偏美观的设计师简历 PDF:干净版式、清晰分区、项目亮点、作品集链接和视觉一致性。
LaTeX 文档技能,内置多套简历模板和 PDF/PNG 预览,适合把设计师简历做得清爽、美观、可交付。
本地 skill:skills/03-beautiful-designer-resume-pdf
适合:给设计师求职材料做系统优化:简历内容、项目叙事、岗位匹配和输出 PDF 流程。
高星求职系统 skill,覆盖简历优化、岗位匹配、批量处理和 PDF 生成,适合系统化打磨职业材料。
本地 skill:skills/04-career-ops-resume-system
适合:把设计师简历里的项目经历写得更有层次:角色、动作、设计决策、业务结果和作品集入口更清楚。
面向资深岗位的简历写作 skill,用结果、影响力和项目叙事强化设计师简历内容。
本地 skill:skills/05-executive-resume-writer
适合:优化设计师作品集案例页:项目背景、过程图说明、设计取舍、结果指标和展示节奏。
把设计项目整理成作品集案例,强化问题、洞察、过程、设计决策和结果,不只是流水账。
本地 skill:skills/06-portfolio-case-study-writer
适合:做广告横幅、活动 banner、课程封面和促销主视觉
面向横幅、广告位和营销视觉的设计技能,强调尺寸、层级、转化信息和视觉冲击。
本地 skill:skills/07-banner-design
适合:整理品牌规范、Logo 使用、字体、色彩和品牌语气
把品牌指南、色彩、字体、Logo 规则和语气整理成可执行的 AI 设计上下文。
本地 skill:skills/08-brand
适合:沉淀 UI 设计系统、组件规范、配色和版式规则
把界面布局、配色、图表和幻灯片逻辑沉淀成结构化设计系统。
本地 skill:skills/09-design-system
适合:学习 Open Design 的技能结构、设计系统贡献和资源组织
Open Design 项目的贡献技能,包含设计系统结构、技能规范和设计资源组织方法。
本地 skill:skills/10-open-design-contribute
适合:把产品界面做成可维护的前端组件和真实 UI
生产级前端 UI 工程技能,帮助 AI 同时处理交互、组件质量和视觉可用性。
本地 skill:skills/11-frontend-ui-engineering
适合:让 AI 生成的网页更有审美,减少模板味和廉价感
给 AI 加入审美判断,减少模板化界面,强调真实产品语境里的视觉品味。
本地 skill:skills/12-taste-skill
适合:改版旧网页、优化信息层级、视觉节奏和页面质感
面向旧页面改版和界面升级,适合把粗糙 UI 重构成更有质感的产品页面。
本地 skill:skills/13-redesign-skill
适合:快速生成品牌套件,让网页、海报和产品视觉统一
快速生成品牌套件和视觉方向,帮助网页、产品和营销素材保持统一审美。
本地 skill:skills/14-brandkit
适合:用 HTML/CSS 做高审美网页 PPT、课程页和发布会 slides
用前端代码生成高审美网页幻灯片,包含大量大胆、杂志化、海报式模板方向。
本地 skill:skills/15-frontend-slides
适合:做中文网页、HTML PPT、动效页面和视觉表达方案
HTML-native 设计技能,覆盖网页、幻灯片、动效和设计上下文组织。
本地 skill:skills/16-huashu-design
适合:从一句需求生成可运行网页,兼顾视觉和工程实现
面向网页设计实现的工程型 skill,帮助 AI 产出更完整、可运行的网页界面。
本地 skill:skills/17-web-design-engineer
适合:写高质量图片生成提示词,覆盖海报、头像、图标和科研图
围绕图像生成的设计技能,包含学术图、海报、头像、图标和素材风格参考。
本地 skill:skills/18-gpt-image-2
适合:把网页演示做成视频化展示、分镜和动态 presentation
把网页视觉、视频节奏和演示内容结合,适合生成视频化展示页面。
本地 skill:skills/19-web-video-presentation
适合:从设计意图生成 React 组件,适合产品 UI 和组件库
Google Stitch 相关的 React 组件技能,强调组件结构、样式指南和可复用架构。
本地 skill:skills/20-stitch-react-components
适合:生成 shadcn/ui 风格后台、表单、数据表和产品界面
围绕 shadcn/ui 的界面构建技能,适合表单、数据表和产品后台组件。
本地 skill:skills/21-stitch-shadcn-ui
适合:做产品讲解视频、屏幕流程动画和视频化 slides
用 Remotion 生成屏幕录制、产品演示和视频化幻灯片的技能。
本地 skill:skills/22-stitch-remotion
适合:生成数据看板、运营后台和高信息密度业务界面
HTML Anything 的仪表盘模板 skill,面向数据密集型产品界面和运营后台。
本地 skill:skills/23-html-anything-dashboard
适合:生成小红书风格知识卡片、社媒海报和内容封面
生成小红书风格内容卡片的 HTML skill,适合社媒海报和知识卡片。
本地 skill:skills/24-html-anything-card-xiaohongshu
适合:生成电子杂志风中文网页 PPT 和翻页演示
归藏风格的电子杂志式 HTML deck 模板,强调章节感、图文编排和发布会质感。
本地 skill:skills/25-html-anything-deck-guizang-editorial
适合:生成 App Store 上架截图、手机展示图和功能卖点图
端到端生成 App Store 宣传截图,适合移动应用上架图、功能卖点和视觉包装。
本地 skill:skills/26-app-store-screenshots
适合:让网页远离 AI 味,参考真实产品页面做高级 UI
反 AI 味设计技能,内置大量网页组件、版式参考和视觉反模式。
本地 skill:skills/27-hallmark
适合:做 Bento 网格产品展示、功能墙和作品集模块
Bento 网格风格 skill,用分区卡片、模块化信息和强视觉秩序组织页面。
本地 skill:skills/28-awesome-bento-design
适合:做大胆海报式页面、强标题视觉和活动首屏
大胆视觉风格 skill,强调大字、强色块和海报化表达。
本地 skill:skills/29-awesome-bold-design
适合:做粗野主义、实验感、强态度的网页和视觉页面
粗野主义视觉 skill,适合更实验、更锋利、更有态度的网页设计。
本地 skill:skills/30-awesome-brutalism-design