SuperAPI AI 工具集

component-gallery

通用与其它

查看项目

更新于 10-16 04:31

技能介绍

用途:在动手写组件前先做模式研究,用真实设计系统的实现替代凭空猜测,可查组件命名、结构、状态、可访问性与响应式做法。

主要能力:提供静态索引直接阅读,包括 references/component-index.md(组件类型、别名、示例数)、references/design-system-index.md(设计系统与技术栈、生态动态)、references/component-taxonomy.md(按表单、导航、反馈、布局、数据展示、操作分组)、references/ai-components.md(提示输入、消息流、流式状态、工具调用卡、引用等 AI 时代叠加层)、references/composite-patterns.md(命令面板、应用外壳、多步表单、过滤器栏、智能体控制台等),以及 references/index.json 机器可读数据集。深层问题可查询 component-gallery 的 RLAMA 集合做语义检索,默认 retrieve-only 模式返回原始片段交由 Claude 综合。

使用方式:快速查询直接读索引文件;语义查询用 python3 ~/.claude/skills/component-gallery/scripts/query.py "问题",可加 -k 20 扩大召回,或用 --component modal、--system polaris、--source curated-pattern 限定范围。维护命令包括 ingest.py --full、ingest.py --rebuild-rag、build_indexes.py、validate_links.py。3D 灵感可查询 mesh3d.gallery(207+ WebGL/Three.js/Spline 站点),脚本为 fetch_mesh3d.py --tech/--maker/--search。

适用场景:与 minoan-frontend-design 搭配,先研究结构再做创意设计与实现;复杂组件(数据表、日期选择器、命令面板、多步表单、侧边栏导航、可筛选列表)优先研究,简单按钮、输入框可跳过。

限制:研究结果不是模板,应提取结构模式而非照搬视觉;每次查询都应跟进无障碍审查;数据集会老化,索引中爬取日期超过一个季度时应先执行刷新,再依赖计数与覆盖范围;Ollama 不可达时查询脚本降级为词法扫描并会注明。收费、价格、平台等资料未提供。