Skip to content

feat: port the Astron ecosystem landscape from awesome-astron-workflow.dev #11

@FenjuFu

Description

@FenjuFu

背景

iflytek/website 目前的 /landscape 页面(src/pages/landscape.astro)是 CNCF 风格的项目分类网格。awesome-astron-workflow.dev/landscape 上有一张更完整的 讯飞 Astron 开源生态全景图(生态关系图卡片),建议将该模块迁移到官网,作为生态展示的权威入口。

源模块

模块功能

  • 1280×720 全景图卡片:「讯飞 Astron 开源生态全景图 / iFLYTEK Astron Open Source Ecosystem Landscape」
  • 中英双语切换(zh-CN / en)
  • 生态分组及代表仓库:
    • agentic-workflow — iflytek/astron-agent(工作流平台,核心编排 + MCP)
    • agentic-automation — iflytek/astron-rpa(自动化套件)
    • agent-skills — iflytek/iFly-Skills(官方技能库)、iflytek/skillhub(技能管理平台)
    • agent-engine — harnessclaw/harnessclawharnessclaw/harnessclaw-engine
    • tutorial — iflytek/astronclaw-tutorial
  • 分组间关系标注:驱动编排 / 提供 API / 触发 RPA / 提供能力
  • PNG 导出(html-to-image,4x pixelRatio)、社区二维码显示开关

迁移注意点

  1. 技术栈转换:源实现是 React(Vite + lucide-react + html-to-image + 自有 LanguageContext),本仓库是 Astro + Tailwind。布局/样式可直接复用 Tailwind 类;交互部分(语言切换、PNG 导出、二维码开关)需要改造为 Astro island 或内联脚本。
  2. 与现有 /landscape 页的关系:建议在现有页面内新增「生态全景图」区块(或 tab),而不是整页替换——现有分类网格与生态关系图视角互补。
  3. 数据维护:分组/仓库信息目前硬编码在组件里,迁移时建议抽到 src/data/ 下的数据文件,与站内项目数据(projects)保持一致来源。
  4. PNG 导出依赖html-to-image 需新增依赖,注意通过 License Compliance 检查(MIT,应无问题)。
  5. 迁移后在源站点加跳转或保留同步机制,避免两处内容漂移。

验收标准

  • /landscape 页面包含 Astron 生态全景图区块,分组、仓库、关系标注与源站一致
  • 中英文内容完整,跟随站点语言展示
  • PNG 导出功能可用(或明确裁剪该功能并在 issue 中说明)
  • 移动端可正常浏览(卡片横向滚动或缩放适配)
  • npm run check 与 CI(Build / Code Quality / License Compliance)全部通过

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions