frontend-design（前端视觉方向）
SkillSkillsMP
io.github.EpicenterHQ/epicenter/frontend-design
为新建或重设计的前端界面确定视觉设计方向：布局、字体排印、色彩、动效与反平庸 AI 审美。在设计页面、仪表盘、海报、营销界面或探索性 UI 变体时使用。
source
“figma design image icon” 共 2,049 个结果
io.github.EpicenterHQ/epicenter/frontend-design
为新建或重设计的前端界面确定视觉设计方向：布局、字体排印、色彩、动效与反平庸 AI 审美。在设计页面、仪表盘、海报、营销界面或探索性 UI 变体时使用。
io.github.FerroxLabs/wayland/mobile-ui-designer
专业移动 UI/UX 模式，涵盖平台设计规范（Material Design、Human Interface）、响应式布局、手势处理、离线优先 UI、骨架屏、下拉刷新、无限滚动、底部面板与触觉反馈。当用户询问 mobile ui designer、mobile ui designer 最佳实践，或需要 mobile ui designer 实施指导时使用。当用户需要其他专项技能或涉及无关技术领域时请勿使用。
io.github.FerroxLabs/wayland/mobile-game-designer
免费游玩手游设计，涵盖 F2P 设计模式、留存机制、短会话设计、变现模式（内购、广告、战令）、移动 UX、新手引导流程、A/B 测试、数据驱动的设计与长线运营策略。当用户询问 mobile game designer 或需要相关主题帮助时使用。不适用于无关领域或已有更专门技能的场景。
io.github.FerroxLabs/wayland/kubernetes-workload-design
指导实现专家级的 Kubernetes 工作负载设计：云与架构决策框架、生产可用的模式以及 kubernetes 工作负载设计工作流的具体模板。当用户询问 kubernetes 工作负载设计、kubernetes workload design 配置，或 Kubernetes 项目的 DevOps 最佳实践时使用。当用户需要其他 devops cloud 能力时请勿使用——可查看 devops cloud 子类目下的同级技能。
io.github.mavlink/qgroundcontrol/qt-ui-design
为 Qt/QML、Qt 项目、Web 或嵌入式 MPU/MCU 目标设计或审查 UI。在创建界面、布局、导航或做 UX 审查时使用。
io.github.affaan-m/ECC/api-design
REST API 设计模式：资源命名、状态码、分页、过滤、错误响应、版本管理与生产 API 限流。
io.github.electric-sql/electric/designing-entities
当应用开发者想为 Electric Agents 应用构建实体（即 agent）时使用——设计单一实体类型、必要时挑选协调模式（单 agent、manager-worker、pipeline、map-reduce、dispatcher、blackboard、reactive-observer）、定义状态、handler 与 schema，并在一个实体文件中实现。适用于 @electric-ax/agents-runtime 应用中对 registry.define(...) / defineEntity(...) 的任何使用。
io.github.trailofbits/skills/designing-workflow-skills
指导设计与结构化多阶段的基于工作流的 Claude Code 技能：分步执行、决策树、子代理委派与渐进式披露。在创建涉及顺序流水线、路由模式、安全门、任务跟踪、分阶段执行或任何多步工作流的技能时使用；评审或重构现有工作流技能以保证质量时同样适用。
io.github.open-mercato/open-mercato/backend-ui-design
面向 `@open-mercato/ui` 的后端 UI 设计指南在 Codex 中的内部副本。常规后端页面、CRUD、表格与表单工作请优先使用主技能 `om-backend-ui-design`
io.github.brycewang-stanford/Auto-Empirical-Research-Skills/cross-national-design
设计跨国问卷实验：统计功效、等价性检验与本地化。
io.github.brycewang-stanford/Auto-Empirical-Research-Skills/survey-design
设计问卷工具：题项、量表、作答流程与社会期望偏差。
io.github.brycewang-stanford/Auto-Empirical-Research-Skills/conjoint-design
设计 conjoint（联合）实验：属性设定、统计功效与 AMCE/AMIE 估计。
io.github.TeamWiseFlow/xiaobei/design-system-picker
根据风格描述从内置设计系统库中选取最匹配的设计系统，提供 DESIGN.md 规范供后续设计工作使用。
io.github.TeamWiseFlow/wiseflow/design-system-picker
根据风格描述从内置设计系统库中选取最匹配的设计系统，提供 DESIGN.md 规范供后续设计工作使用。
io.github.mukul975/Anthropic-Cybersecurity-Skills/designing-adversary-engagement-with-mitre-engage
使用 MITRE Engage 框架规划、执行并度量对手参与行动，使所部署的欺骗由策略驱动而非临时为之。涵盖 Engage 矩阵（Prepare、Expose、Affect、Elicit、Understand）、10 步操作流程、将参与 Activity 映射到其暴露的 ATT&CK 技术，以及定义可度量的目标与行动目的。适用于团队已有 honeypot、蜜标或 canary token 却缺乏统筹策略、管理层询问「是否及如何应对对手」、构建欺骗/拒止体系、撰写对手参与行动方案，或决定针对特定威胁行为者部署哪些欺骗 Activity 时。
io.github.FlorianBruniaux/claude-code-ultimate-guide/design-patterns
在 TypeScript/JavaScript 代码库中检测、建议并评估 GoF 设计模式。适用于重构代码、应用单例/工厂/观察者/策略模式、评估模式使用质量，或为 React、Angular、NestJS、Vue 寻找框架原生替代方案。
io.github.davepoon/buildwithclaude/macos-design
设计并构建有原生感的 macOS 应用 UI。当用户要做桌面应用、macOS 应用、Mac 风格界面、Apple 风格 UI、系统工具，或任何应像原生 Mac 应用的东西时使用。用户提到「原生感」「桌面应用设计」「Apple 设计模式」「侧边栏布局」「红绿灯按钮」，或想构建看起来属于 macOS 的工具/实用程序时也触发。本技能涵盖布局、组合、交互模式、动画、亮/暗色模式，以及让应用显得出自 Apple 之手的所有细节。
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 或原生移动应用时使用。
io.github.nexu-io/open-design/redesign-skill
将现有网站与应用升级到高端品质。审查当前设计，识别 AI 生成的通用套路，在不破坏功能的前提下套用高端设计标准。兼容任意 CSS 框架或原生 CSS。
io.github.nexu-io/open-design/imagegen-frontend-web
精英级前端图像指导技能，用于生成高端、注重转化的网站设计参考。关键输出规则——每个区块单独生成一张横版图像。8 个区块的落地页产出 8 张图。绝不将多个区块压缩进一张图。强制构图多样性（不总是左文右图）、背景图像自由、多样 CTA、多样 hero 尺度（巨型/中等/迷你极简）、叙事概念主线、二刷亮点，以及所有图像统一的一套色板。为落地页、营销站与可供开发者或编码模型精确复刻的产品 comps 优化。
io.github.nexu-io/open-design/imagegen-frontend-mobile
精英级移动应用图像生成技能，创建高端、应用原生的界面概念与流程。面向 iOS、Android 与跨平台移动产品。强调清晰层级、舒适可读的文字、多屏强一致性、克制的配色、非套路化的创意方向、质感表面、图像主导构图、有品位的手绘图标与干净的 phones 边框样机。默认将界面置于带可见边框的精致 iPhone 或类似手机样机中展示，焦点仍留在应用内容本身。此技能仅生成图像，不写代码。
io.github.nexu-io/open-design/taste-skill
面向落地页、作品集与重设计的反模板化（anti-slop）前端技能。代理读取需求、推断正确的设计方向，交付看起来不像模板的界面。适用时使用真实设计系统，重设计先做审查，并执行严格的发布前检查。
io.github.nexu-io/open-design/taste-skill-v1
最初的 v1 taste-skill，为依赖其确切行为的项目保留。当前默认版本是 `design-taste-frontend`（v2 实验版），是一次大幅重写。仅在需要完全向后兼容时使用此 v1 安装名。