frontend-design
为构建具有独特视觉设计的 UI 提供指导，涵盖美学方向、排版和避免模板化默认选择。
适合构建新 UI 时追求独特视觉风格
SKILL 分类
设计与 UI
界面审美、设计系统、视觉打磨和交互细节相关 Skills。
- Skill
- 10
- 主要指标
- 安装量
按榜单顺序
设计与 UI Skills
10 个结果
web-design-guidelines
该技能通过从指定 URL 获取最新的 Web Interface Guidelines，读取用户指定的文件或模式，并对照所有规则进行审查，最终以简洁的 file:line 格式输出发现的问题。
适合审查 UI 代码与设计规范的一致性
sleek-design-mobile-apps
面向 iOS 与 Android 的移动端界面设计指引，帮助规划屏幕、布局和移动优先的视觉表达。
适合适合移动 App 界面设计。
ui-ux-pro-max
UI/UX Pro Max 是一个 UI/UX 设计智能技能，提供可搜索的本地设计指南，涵盖 79 种样式、192 种产品调色板、74 种字体配对、119 条 UX 指南、105 个图标、17 个 GSAP 预设、25 种图表类型和 22 个技术栈。适用于设计、构建、审查或修复界面，包括页面、组件、设计系统、可访问性、交互、响应式布局、排版、颜色、图表和特定技术栈的 UI 实现。
适合设计新页面或新项目
design-taste-frontend
design-taste-frontend 是 leonxlnx/taste-skill 仓库中的默认前端设计技能，安装名为 design-taste-frontend，定位为「面向 AI Agent 的反样板（Anti-Slop）前端框架」，目标是把 AI 生成的界面升级为更好的布局、排版、动效与间距。当前默认版本为 v2（experimental），是对 v1 的大幅重写：会读取需求简报、推断设计语言，并调节三个 1-10 的旋钮（DESIGN_VARIANCE 布局变化度、MOTION_INTENSITY 动效强度、VISUAL_DENSITY 信息密度），同时包含简报推断、设计系统映射、硬性 em-dash 禁用、规范的 GSAP 代码骨架、重设计审计协议与严格预检。仓库还提供图像生成技能（网页、移动端、品牌套件）及其他变体（gpt-taste、image-to-code、redesign-existing-projects、high-end-visual-design、minimalist-ui、industrial-brutalist-ui 等），均通过 npx skills add 安装，框架无关，兼容 Codex/Cursor/Claude Code，采用 MIT 许可。
适合使用 Codex、Cursor 或 Claude Code 等 AI 编码 Agent 生成网页前端界面时，希望避免千篇一律的样板 UI
high-end-visual-design
面向奢华与编辑风界面提供高端视觉审美参考，帮助把页面做得更克制、更精致。
适合适合高端感与编辑风页面。
extract-design-system
从现有代码库中提取设计令牌、组件和模式，并生成项目本地的初始令牌文件。
适合从公开网站逆向提取颜色、字体、间距等设计原语
polish
对界面进行最终视觉打磨：收紧间距、优化字体、清理边缘，在不改变原有设计概念的前提下提升细节质量。
适合正式发布前的视觉细节审查
critique
一种结构化的设计评审流程，通过双代理独立评估（设计审查与检测器/浏览器证据）合成具体、可操作的设计反馈，并以报告形式和持久化快照交付。
适合设计评审与反馈
canvas-design
该技能用于创建基于设计哲学的高质量视觉艺术作品，输出为 .pdf 或 .png 文件。流程分两步：先创建设计哲学（.md），再在画布上通过形式、空间、色彩等视觉语言表达。强调极少文字、视觉优先、大师级工匠精神和避免复制已有艺术家作品。
适合创作海报、艺术设计或其他静态视觉作品