搜索「figma design image icon」的结果

io.github.FlorianBruniaux/claude-code-ultimate-guide/design-patterns

在 TypeScript/JavaScript 代码库中检测、建议并评估 GoF 设计模式。适用于重构代码、应用单例/工厂/观察者/策略模式、评估模式使用质量，或为 React、Angular、NestJS、Vue 寻找框架原生替代方案。

macos-design（macOS 原生风格 UI 设计）

io.github.davepoon/buildwithclaude/macos-design

设计并构建有原生感的 macOS 应用 UI。当用户要做桌面应用、macOS 应用、Mac 风格界面、Apple 风格 UI、系统工具，或任何应像原生 Mac 应用的东西时使用。用户提到「原生感」「桌面应用设计」「Apple 设计模式」「侧边栏布局」「红绿灯按钮」，或想构建看起来属于 macOS 的工具/实用程序时也触发。本技能涵盖布局、组合、交互模式、动画、亮/暗色模式，以及让应用显得出自 Apple 之手的所有细节。

design-docs-incremental-update（设计文档增量更新）

io.github.shader-slang/slang/design-docs-incremental-update

增量刷新 docs/generated/design/ 下由 LLM 生成的设计文档。当源码变更后用户要求更新、刷新或重新生成生成的设计文档时使用。按 docs/generated/design/_meta/regenerate.md 定义的三阶段操作循环执行——(1) Claude 重新生成过期文档，(2) 指引用户运行非 Claude 评审，(3) Claude 应用整改——阶段 1 与 3 前均需显式确认。

移动端设计

io.github.vudovn/ag-kit/mobile-design

面向 iOS 和 Android 应用的移动优先设计思维与决策。触控交互、性能模式、平台规范。教导原则而非固定数值。在构建 React Native、Flutter 或原生移动应用时使用。

既有项目重设计 redesign-existing-projects

io.github.nexu-io/open-design/redesign-skill

将现有网站与应用升级到高端品质。审查当前设计，识别 AI 生成的通用套路，在不破坏功能的前提下套用高端设计标准。兼容任意 CSS 框架或原生 CSS。

网页设计参考图生成 imagegen-frontend-web

io.github.nexu-io/open-design/imagegen-frontend-web

精英级前端图像指导技能，用于生成高端、注重转化的网站设计参考。关键输出规则——每个区块单独生成一张横版图像。8 个区块的落地页产出 8 张图。绝不将多个区块压缩进一张图。强制构图多样性（不总是左文右图）、背景图像自由、多样 CTA、多样 hero 尺度（巨型/中等/迷你极简）、叙事概念主线、二刷亮点，以及所有图像统一的一套色板。为落地页、营销站与可供开发者或编码模型精确复刻的产品 comps 优化。

移动端界面图像生成 imagegen-frontend-mobile

io.github.nexu-io/open-design/imagegen-frontend-mobile

精英级移动应用图像生成技能，创建高端、应用原生的界面概念与流程。面向 iOS、Android 与跨平台移动产品。强调清晰层级、舒适可读的文字、多屏强一致性、克制的配色、非套路化的创意方向、质感表面、图像主导构图、有品位的手绘图标与干净的 phones 边框样机。默认将界面置于带可见边框的精致 iPhone 或类似手机样机中展示，焦点仍留在应用内容本身。此技能仅生成图像，不写代码。

前端审美品味 design-taste-frontend

io.github.nexu-io/open-design/taste-skill

面向落地页、作品集与重设计的反模板化（anti-slop）前端技能。代理读取需求、推断正确的设计方向，交付看起来不像模板的界面。适用时使用真实设计系统，重设计先做审查，并执行严格的发布前检查。

前端审美品味 v1 design-taste-frontend-v1

io.github.nexu-io/open-design/taste-skill-v1

最初的 v1 taste-skill，为依赖其确切行为的项目保留。当前默认版本是 `design-taste-frontend`（v2 实验版），是一次大幅重写。仅在需要完全向后兼容时使用此 v1 安装名。

Stitch SDK 领域模型设计

io.github.google-labs-code/stitch-sdk/stitch-sdk-domain-design

为 Stitch SDK 设计领域模型。在把 MCP 工具映射到领域类及 domain-map.json 中的绑定时使用。这是生成流水线的第 2 阶段

design-system-builder（设计系统提取器）

io.github.zebbern/claude-code-guide/design-system-builder

从参考 UI 图像中提取设计系统，并生成可直接落地的 UI 设计提示词。当用户提供 UI 截图/mockup，想要创建一致的设计、生成设计系统，或构建对标参考美学的 MVP UI 时使用。

数据库设计

io.github.vudovn/ag-kit/database-design

数据库设计原则与决策。Schema 设计、索引策略、ORM 选型、无服务器数据库。

网站图标 favicons

io.github.thedaviddias/Front-End-Checklist/favicons

审查与“为所有设备实现 favicon”相关的模板、渲染 HTML 或共享组件时使用。校验最终面向浏览器的标记，而不只是框架侧的源码抽象。

响应式图片 responsive-images

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 可绕过。

设计评审 design-critique

io.github.paperclipai/paperclip/design-critique

给出结构化的产品设计评审——用户任务清晰度、层次结构、可供性、错误状态、可访问性与一致性——聚焦要改什么、按什么顺序改以及为什么这样改。

前端审美品味 v1 design-taste-frontend-v1

io.github.Leonxlnx/taste-skill/taste-skill-v1

最初的 v1 taste-skill，为依赖其确切行为的项目保留。当前默认版本是 `design-taste-frontend`（v2 实验版），是一次大幅重写。仅在需要完全向后兼容时使用此 v1 安装名。

前端审美品味 design-taste-frontend

io.github.Leonxlnx/taste-skill/taste-skill

面向落地页、作品集与重设计的反模板化（anti-slop）前端技能。代理读取需求、推断正确的设计方向，交付看起来不像模板的界面。适用时使用真实设计系统，重设计先做审查，并执行严格的发布前检查。

UI 设计重构

io.github.chaxus/ran/refactoring-ui-design

在设计、评审或提升 Web UI 视觉质量时使用，尤其当开发者自建的界面显得杂乱、平淡、千篇一律、间距不佳、层次薄弱或难以扫读。

API 密钥图像生成

io.github.EKKOLearnAI/hermes-web-ui/apikey-image-gen

通过 Hermes Web UI 使用所选/请求的 config.yaml 中 fun-codex 提供方生成或编辑图像。

homeassistant-dashboard-designer（Home Assistant 仪表盘设计）

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。