前端审美品味 v1 design-taste-frontend-v1
SkillSkillsMP
io.github.nexu-io/open-design/taste-skill-v1
最初的 v1 taste-skill，为依赖其确切行为的项目保留。当前默认版本是 `design-taste-frontend`（v2 实验版），是一次大幅重写。仅在需要完全向后兼容时使用此 v1 安装名。
source
“figma design image icon” 共 2,119 个结果
io.github.nexu-io/open-design/taste-skill-v1
最初的 v1 taste-skill，为依赖其确切行为的项目保留。当前默认版本是 `design-taste-frontend`（v2 实验版），是一次大幅重写。仅在需要完全向后兼容时使用此 v1 安装名。
io.github.google-labs-code/stitch-sdk/stitch-sdk-domain-design
为 Stitch SDK 设计领域模型。在把 MCP 工具映射到领域类及 domain-map.json 中的绑定时使用。这是生成流水线的第 2 阶段
io.github.zebbern/claude-code-guide/design-system-builder
从参考 UI 图像中提取设计系统，并生成可直接落地的 UI 设计提示词。当用户提供 UI 截图/mockup，想要创建一致的设计、生成设计系统，或构建对标参考美学的 MVP UI 时使用。
io.github.vudovn/ag-kit/database-design
数据库设计原则与决策。Schema 设计、索引策略、ORM 选型、无服务器数据库。
io.github.thedaviddias/Front-End-Checklist/favicons
审查与“为所有设备实现 favicon”相关的模板、渲染 HTML 或共享组件时使用。校验最终面向浏览器的标记，而不只是框架侧的源码抽象。
io.github.thedaviddias/Front-End-Checklist/responsive-images
审查在多个断点尺寸下渲染的正文图片、卡片、图集或任意组件时使用。标记与 CSS 布局都要检查，因为错误的 sizes 属性会让再好的 srcset 也失效。
io.github.alirezarezvani/claude-skills/design-system
通过 10 题引导向导一次性捕获用户的品牌标识（主色/强调色 HEX + 标题与正文 Google Fonts + 设计风格（编辑型/技术型/极简/活泼）+ 默认输出目录 + 代码高亮主题 + 目录行为 + 可选 logo/公司名），对照 WCAG 2.2 AA 校验正文与链接对比度，在 HSL 空间派生 12 个 CSS 自定义属性，并存储结果供所有 markdown-html 转换器读取。在任何 markdown-html 转换前使用。触发于首次引导（「set up the brand」「configure markdown-html」「run onboarding」）、显式重置，以及每个转换器在渲染前通过 config_loader.py 检查。若正文对比度未达 AA 4.5:1 或输出目录不可写则拒绝保存。优先级：项目（./.markdown-html/）> 全局（~/.config/markdown-html/）> 内置默认；MARKDOWN_HTML_NO_CONFIG=1 可绕过。
io.github.paperclipai/paperclip/design-critique
给出结构化的产品设计评审——用户任务清晰度、层次结构、可供性、错误状态、可访问性与一致性——聚焦要改什么、按什么顺序改以及为什么这样改。
io.github.Leonxlnx/taste-skill/taste-skill-v1
最初的 v1 taste-skill，为依赖其确切行为的项目保留。当前默认版本是 `design-taste-frontend`（v2 实验版），是一次大幅重写。仅在需要完全向后兼容时使用此 v1 安装名。
io.github.Leonxlnx/taste-skill/taste-skill
面向落地页、作品集与重设计的反模板化（anti-slop）前端技能。代理读取需求、推断正确的设计方向，交付看起来不像模板的界面。适用时使用真实设计系统，重设计先做审查，并执行严格的发布前检查。
io.github.chaxus/ran/refactoring-ui-design
在设计、评审或提升 Web UI 视觉质量时使用，尤其当开发者自建的界面显得杂乱、平淡、千篇一律、间距不佳、层次薄弱或难以扫读。
io.github.EKKOLearnAI/hermes-web-ui/apikey-image-gen
通过 Hermes Web UI 使用所选/请求的 config.yaml 中 fun-codex 提供方生成或编辑图像。
io.github.CCOSTAN/Home-AssistantConfig/homeassistant-dashboard-designer
以受约束、机器友好的设计系统，设计、更新并重构 Home Assistant Lovelace 仪表盘（YAML 视图/局部）：button-card 优先结构、极简 card-mod 样式、可选 flex-horseshoe + mini-graph 遥测、严格的 grid/vertical-stack 布局规则、集中式模板、确定性排序与配置校验。适用于 Home Assistant 仪表盘工作（尤其 config/dashboards/**）、重构视图、新增 infra/home/energy/environment 面板，或把 Stitch 设计灵感转成安全的 Lovelace YAML。
io.github.holaboss-ai/holaOS/frontend-design
打造独特、生产级、高设计质量的前端界面。当用户要求构建 Web 组件、页面、产物、海报或应用时使用此技能。生成富有创意、打磨精细的代码，避免千篇一律的 AI 审美。
io.github.classroomio/classroomio/frontend-design
创造有辨识度、生产级、高设计品质的前端界面。当用户要求构建 web 组件、页面或应用时使用。产出富有创意且精致的代码，避免千篇一律的 AI 审美。
io.github.steipete/agent-scripts/frontend-design
前端 UI：页面、应用、组件，打造精致而非千篇一律的设计。
io.github.wshobson/agents/responsive-design
使用容器查询、流式排版、CSS Grid 与移动优先断点策略实现现代响应式布局。在构建自适应界面、实现流式布局或创建组件级响应式行为时使用。
io.github.wshobson/agents/mobile-android-design
掌握 Material Design 3 与 Jetpack Compose 模式，构建原生 Android 应用。在设计 Android 界面、实现 Compose UI 或遵循 Google Material Design 规范时使用。
io.github.wshobson/agents/kpi-dashboard-design
设计高效的 KPI 仪表盘，涵盖指标选取、可视化最佳实践与实时监控模式。适用场景：构建追踪 MRR、流失率、LTV/CAC 比率的 SaaS 高管仪表盘；设计带实时服务健康与请求吞吐的运营中心；为产品团队创建同期群留存分析视图；或排查因计算口径不一致导致指标互相矛盾的仪表盘。
io.github.wshobson/agents/event-store-design
为事件溯源（event sourcing）系统设计并实现事件存储。适用于搭建事件溯源基础设施、选型事件存储技术，或实现事件持久化模式。
io.github.wshobson/agents/design-system-patterns
以设计令牌、主题化基础设施与组件架构模式构建可扩展的设计系统。适用于创建设计令牌、实现主题切换、搭建组件库或奠定设计系统基础。
io.github.wshobson/agents/deployment-pipeline-design
设计带审批卡点、安全检查与部署编排的多阶段 CI/CD 流水线。适用于设计零停机部署流水线、制定金丝雀发布策略、搭建多环境晋级工作流，或排查 CI/CD 中失败的部署卡点。
io.github.wshobson/agents/api-design-principles
掌握 REST 与 GraphQL API 设计原则，构建直观、可扩展、易维护的 API。适用于设计新 API、评审 API 规范或制定 API 设计标准。
io.github.wshobson/agents/react-native-design
掌握 React Native 样式、导航与 Reanimated 动画，用于跨平台移动开发。在构建 React Native 应用、实现导航模式或创作高性能动画时使用。