菜单
Use this skill to generate well-branded interfaces and assets for 萤火虫AI (Firefly AI, formerly 灵创/Lyncra), either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
| name | firefly-ai-design |
| description | Use this skill to generate well-branded interfaces and assets for 萤火虫AI (Firefly AI, formerly 灵创/Lyncra), either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping. |
| user-invocable | true |
Read the README.md file within this skill, and explore the other available files.
If creating visual artifacts (slides, mocks, throwaway prototypes, etc), copy assets out and create static HTML files for the user to view. If working on production code, you can copy assets and read the rules here to become an expert in designing with this brand.
If the user invokes this skill without any other guidance, ask them what they want to build or design, ask some questions, and act as an expert designer who outputs HTML artifacts or production code, depending on the need.
#CFEF00 + ink black, generous rounding, clean card grids (d.design) + airy bold type (Anima).colors_and_type.css — colors, type, radius, shadow, spacing CSS vars + semantic classes. Load first.assets/logo-firefly.svg (mark), assets/logo-lockup.svg / -dark.svg, assets/legacy/ (original product icons archive).ui_kits/app/assets/nav/, node-library icons in assets/rail/. The animated firefly mark lives at ui_kits/app/assets/logo-loop.html. (Original product used Ant Design Icons.)ui_kits/app/ — 创作工作台: 80px nav rail + Home (animated hero / frosted composer / quick-entry cards / masonry / template detail) + Agent chat (collapsible dir + Skill chips) + Canvas (project gallery → node workflow editor with pan/zoom/minimap/drag-connect) + Assets + Production board. Entry index.html; standalone preview app-preview.html.preview/ — color, type, spacing, component, brand specimens.#CFEF00 is for accents only (CTAs, active, focus, highlights) and only ever carries ink-black text, never white.