finch-poi

@finch-poi source repo

9 skills
0 followers
19 hours ago last updated

▌
Opendesign Design · finch-poi bundle
OpenDesign Pixso 设计稿生产指南。当需要在 Pixso 中创建/编辑 UI 组件（按钮、输入框、卡片、导航等）、应用设计规范（栅格/颜色/字号/间距/圆角）、搭建页面框架、调用 Pixso 组件库（Symbol）或读取设计变量（Tokens）时使用此 skill。包含 PC/MB 双断点的变量映射硬约束（字号/行高/间距/栅格/图标尺寸的合法取值白名单），覆盖 26 个组件设计规范、536 个 componentKey 变体与 187 个图标 componentKey。本 skill 仅生产 Pixso 设计稿，不输出代码。

0
installs
▌
Opendesign Tokens · finch-poi bundle
OpenDesign 设计 Token 指南。当需要使用 @opensig/opendesign-token 包中的 CSS 变量时使用此 skill。包含六套主题（openEuler/Ascend/Kunpeng/Mindspore/openGauss/openUBMC）的完整 token 体系，支持颜色、间距、圆角、字体、阴影、响应式排版、栅格系统等所有设计令牌。使用场景：(1) 查找颜色值对应的语义 token，(2) 获取间距/圆角/字体的 token 名称，(3) 了解六套主题的差异，(4) 代码中使用 CSS 变量替代硬编码值，(5) 使用响应式 token 实现多断点适配，(6) 引入鸿蒙字体文件并使用字体族/字重 token（含七档字重、拉丁/中文自动分流、按字重按需引入）

0
installs
▌
Opendesign Codegen · finch-poi bundle
OpenDesign 代码直出指南。当设计师（尤其各社区体验/设计团队）让 AI 工具把需求/设计意图直接做成页面或组件时使用此 skill——AI 应**直接生成符合工程规范的 Vue 3 + OpenDesign 代码**（真实 O 组件 + --o- 设计 token + scoped SCSS + BEM + i18n），渲染出来即设计稿，无需"先出 HTML 再转代码"的中间步骤。提供四大约束（视觉 Token / 组件用法 / 布局响应式 / 工程落地）、合规 SFC 起手模板、组件选用速查、生成后自检清单。仅适用于 UI 库为 @opensig/opendesign 的目标仓——生成前先读目标仓根 AGENTS.md + rules/ 按其框架族/i18n/别名/SEO 约定适配。复用 opendesign-tokens 与 opendesign-components，不重复其内容。

0
installs
▌
Opendesign Scripts · finch-poi bundle
OpenDesign 构建脚本工具使用指南。当需要使用 @opensig/open-scripts CLI 工具进行图标生成、SVG 清理、组件构建、样式编译、设计令牌生成时使用此 skill。支持 5 个命令：gen:icon（SVG 转 Vue 图标组件）、clean:svg（SVG 清理优化）、build:component（Vue 组件库构建）、build:style（SCSS 样式编译）、gen:token（设计令牌 CSS 变量生成）。使用场景：(1) 配置和执行构建脚本，(2) 编写图标/令牌配置文件，(3) 了解构建流程和命令用法

0
installs
▌
Opendesign Components · finch-poi bundle
OpenDesign 组件库使用指南。当需要使用 OpenDesign Vue 组件库快速搭建页面时使用此 skill。支持所有 OpenDesign 组件（46 个），包括按钮、表单、表格、对话框、卡片、图标、滑块、步骤条、轻提示等常用 UI 组件。使用场景：(1) 使用 OpenDesign 组件构建 Vue 页面，(2) 查找组件使用方法和属性说明，(3) 获取组件代码示例

0
installs
▌
Opendesign Application · finch-poi bundle
OpenDesign 工程化落地指南。当开发者要新建或改造项目采用 @opensig/opendesign 设计系统、集成主题系统（Pinia store + SSR/SPA 差异 + 社区切换）、搭建全局样式基础设施（SCSS mixin 全局注入 + 栅格容器 + 楼层结构）、对比 Nuxt vs Vite SPA 工程形态、或在 code review 时检视 OpenDesign 是否被正确使用（:deep 禁令、token 优先、组件优先）时使用此 skill。提供两套可运行脚手架（templates/nuxt、templates/vue-spa）与工程化专题参考。不重复组件 API（→ opendesign-components）、token 表（→ opendesign-tokens）、设计稿生产（→ opendesign-design）、设计师侧代码直出（→ opendesign-codegen）、CLI 命令（→ opendesign-scripts）。

0
installs
▌
Template Guide · finch-poi bundle
OpenDesign 脚手架模板维护指南。当需要修改 `skills/opendesign-application/templates/` 下的任何内容（AGENTS.md、配置文件、组件、store、mixin、样式等）时，使用本 skill。核心原则：修改模板时必须判断改动是跨模板通用还是平台特异——通用改动同步到所有模板（各自适配特异机制），特异改动只影响对应模板。

0
installs
▌
Changelog Guide · finch-poi bundle
OpenDesign Skills 仓库的变更记录维护规范。当用户完成 Skill 修改后需要写 CHANGELOG 条目、判断变更分类（新增/更新/修正/移除/破坏性）、更新 SKILL.md 的 last_update 字段，或问"破坏性变更怎么判定""CHANGELOG 条目格式""last_update 怎么写""自评后怎么同步变更记录"时，使用本 skill。

0
installs
▌
Skill Gen Guide · finch-poi bundle
生成、更新、自评 OpenDesign 生态的 Skill 文件（Vue 组件代码 Skill、CLI 脚本 Skill、设计 Token Skill、Pixso 设计规范 Skill、设计模式 Skill）。当用户要为新组件/脚本/Token/设计规范编写 Skill、更新已有 Skill、做 Skill 自评、追踪生成进度，或询问"如何生成 Skill""Skill 文件格式""自评怎么做""Pixso MCP 调用顺序""Playwright 快照怎么用""componentKey 怎么查""变体维度怎么提取""Token 包升级后 Skill 要改什么"时，使用本 skill。无论用户是否明确提到"Skill"这个词，只要涉及为 OpenDesign 生态产出/更新/评审 Skill 知识文件，都应使用本 skill。

0
installs

9 published skills