“figma design image icon” 共 2,130 个结果
io.github.Dicklesworthstone/pi_agent_rust/database-schema-designer
构建数据库 schema 设计操作。属于后端开发类别的自动激活技能。触发条件：database schema designer。当涉及数据库 schema 设计功能时使用，可用触发短语包括 database schema designer、database designer、database。
io.github.github/awesome-copilot/penpot-uiux-design
使用 MCP 工具在 Penpot 中创建专业 UI/UX 设计的完整指南。适用场景：(1) 为 Web、移动或桌面应用创建新的 UI/UX 设计；(2) 构建含组件与设计令牌的设计系统；(3) 设计仪表盘、表单、导航或落地页；(4) 应用无障碍标准与最佳实践；(5) 遵循平台规范（iOS、Android、Material Design）；(6) 评审或改进现有 Penpot 设计的可用性。触发语包括"design a UI"、"create interface"、"build layout"、"design dashboard"、"create form"、"design landing page"、"make it accessible"、"design system"、"component library"。
io.github.mitsuhiko/agent-stuff/frontend-design
设计并实现具有鲜明美学方向、可直接上线的前端界面。在需要新建或改版网页、组件或应用（HTML/CSS/JS、React、Vue 等）时使用。
io.github.RefoundAI/lenny-skills/writing-specs-designs
帮助用户撰写高效的规格说明与设计文档。当有人要编写技术规格、功能规格、设计文档，或向工程与设计团队传达产品需求时使用。
io.github.davila7/claude-code-templates/mobile-design
面向 iOS 与 Android 的移动优先设计思维与决策方法，涵盖触控交互、性能模式与平台惯例，只教原则不教固定数值。适用于构建 React Native、Flutter 或原生移动应用。
io.github.davila7/claude-code-templates/database-design
数据库设计原则与决策方法：Schema 设计、索引策略、ORM 选型与 Serverless 数据库。
vproduction
io.github.quran/quran.com-frontend-next/frontend-design
创建具有高设计品质、独特且生产级的前端界面。当用户要求构建 Web 组件、页面、制品、海报或应用时使用（如网站、落地页、仪表盘、React 组件、HTML/CSS 布局，或对任何 Web UI 做样式/美化）。产出有创意、精致、避免 AI 通用美学的代码与 UI 设计。
io.github.davila7/claude-code-templates/design-system-starter
创建并演进设计系统：设计令牌、组件架构、无障碍指南与文档模板，保证跨产品 UI 的一致、可扩展与可访问。
io.github.davila7/claude-code-templates/database-schema-designer
为 SQL 与 NoSQL 数据库设计稳健、可扩展的 Schema。提供规范化指南、索引策略、迁移模式、约束设计与性能优化建议，保障数据完整性、查询性能与可维护的数据模型。
io.github.xenitV1/claude-code-maestro/backend-design
顶级后端标准，包括垂直切片架构（Vertical Slice Architecture）、零信任安全与高性能 API 协议。
io.github.garden-co/classic-jazz/jazz-schema-design
使用 Jazz 框架设计并实现协作式数据模型。在构建或开发 Jazz 应用、用 CoValues 定义数据结构时使用。本 skill 只关注 schema 定义与数据建模逻辑。
io.github.bytedance/deer-flow/frontend-design
创建具有高设计品质、独特且生产级的前端界面。当用户要求构建 Web 组件、页面、制品、海报或应用时使用（如网站、落地页、仪表盘、React 组件、HTML/CSS 布局，或对任何 Web UI 做样式/美化）。产出有创意、精致、避免 AI 通用美学的代码与 UI 设计。
io.github.aiskillstore/marketplace/database-schema-designer
在为关系型（SQL）或文档型（NoSQL）数据库设计 schema 时使用此技能。提供规范化指南、索引策略、迁移模式与性能优化技术，确保可扩展、可维护且高性能的数据模型。
io.github.softaworks/agent-toolkit/database-schema-designer
为 SQL 和 NoSQL 数据库设计稳健、可扩展的模式。提供规范化指南、索引策略、迁移模式、约束设计与性能优化。确保数据完整性、查询性能与可维护的数据模型
io.github.softaworks/agent-toolkit/design-system-starter
创建并演进设计系统：设计令牌、组件架构、无障碍指南与文档模板。确保跨产品的一致、可扩展且无障碍的 UI
io.github.xenitV1/Antigravity-Workflows/mobile-design
面向 iOS 与 Android 应用的移动优先设计思维与决策。涵盖触摸交互、性能模式与平台惯例。教授原则而非固定数值。在构建 React Native、Flutter 或原生移动应用时使用。
io.github.buildermethods/design-os/frontend-design
创造有辨识度、生产级、高设计品质的前端界面。当用户要求构建 web 组件、页面或应用时使用。产出富有创意且精致的代码，避免千篇一律的 AI 审美。
io.github.mrgoonie/claudekit-skills/frontend-design
创造有辨识度、生产级、高设计品质的前端界面。当用户要求构建 web 组件、页面或应用时使用。产出富有创意且精致的代码，避免千篇一律的 AI 审美。
io.github.anthropics/claude-code/frontend-design
创造有辨识度、生产级、高设计品质的前端界面。当用户要求构建 web 组件、页面或应用时使用。产出富有创意且精致的代码，避免千篇一律的 AI 审美。
io.github.openai/skills/figma-use
**强制前置条件**——每次调用 `use_figma` 工具前必须先加载本技能，切勿在未加载的情况下直接调用 `use_figma`，否则会引发常见且难排查的失败。凡用户要执行写操作或需要在 Figma 文件内运行 JavaScript 的特殊读操作时触发——如创建/编辑/删除节点、配置变量或令牌、构建组件与变体、修改自动布局或填充、把变量绑定到属性、或以编程方式检查文件结构。
io.github.openai/skills/figma-implement-design
将 Figma 设计翻译为可上线的应用代码，视觉还原度 1:1。在从 Figma 文件实现 UI 代码时使用；用户提到“实现设计”“生成代码”“实现组件”、提供 Figma URL，或要求构建符合 Figma 规格的组件时触发。经 `use_figma` 写入 Figma 画布请用 `figma-use`。
io.github.openai/skills/figma-generate-library
基于代码库在 Figma 中构建或更新专业级设计系统。当用户想创建变量/令牌、构建组件库、配置主题（明/暗模式）、整理基础规范文档，或弥合代码与 Figma 差异时使用。本技能教“建什么、按什么顺序建”，与教“如何调用 Plugin API”的 `figma-use` 互补，两者应一起加载。
io.github.openai/skills/figma-generate-design
与 figma-use 配合使用，把应用页面、视图或多区块布局翻译到 Figma。触发语：“写到 Figma”“在 Figma 里从代码创建”“把页面推到 Figma”“用这个应用/页面在 Figma 里搭建”“创建界面”“在 Figma 里做落地页”“更新 Figma 界面以匹配代码”。凡用户要从代码或描述在 Figma 构建/更新完整页面、界面或视图，本技能是首选工作流。通过 search_design_system 发现设计系统组件、变量与样式并导入，按区块逐节拼装界面，始终使用设计系统令牌而非硬编码值。
io.github.openai/skills/figma-create-new-file
创建新的空白 Figma 文件。当用户想新建 Figma 设计文件或 FigJam 文件，或在调用 use_figma 前需要先有新文件时使用；必要时通过 whoami 完成方案解析。用法——/figma-create-new-file [editorType] [fileName]（例：/figma-create-new-file figjam My Whiteboard）
