What is starcat-ui-prototype?

A design skill for creating macOS interface prototypes and visual designs for Starcat, a GitHub star-management and AI knowledge-organising app. It follows Apple’s Liquid Glass design language for macOS 26.

It helps design screens, components, prototypes, and visual layouts for Starcat’s GitHub organisation, AI search, recommendations, release tracking, and syncing features.

It gives work on Starcat a consistent visual direction and keeps designs aligned with the app’s intended platform and features.

starcat-ui-prototype — Skill for Claude Code and Codex by starcat-app

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent

npx skills add starcat-app/Starcat --skill starcat-ui

Clone the repo

git clone --depth 1 https://github.com/starcat-app/Starcat

Made for: Claude Code, Codex.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

README.md

[![agentmods](https://agentmods.dev/badge/skills/starcat-app/starcat/starcat-ui/github.svg)](https://agentmods.dev/skills/starcat-app/starcat/starcat-ui)

Your own site

<a href="https://agentmods.dev/skills/starcat-app/starcat/starcat-ui"><img src="https://agentmods.dev/badge/skills/starcat-app/starcat/starcat-ui/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

Your own site · 80×15

<a href="https://agentmods.dev/skills/starcat-app/starcat/starcat-ui"><img src="https://agentmods.dev/badge/skills/starcat-app/starcat/starcat-ui.svg" alt="Reviewed on agentmods" width="80" height="20"></a>

Per session 85 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.

When invoked 4,057 The whole file, excluding the scripts and references it only reads on demand.

Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.

Origin original No closer match found in the catalogue.

Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

Model	Per session	Once invoked
Fable 5.1	$0.00085	$0.04057
Opus 5.5	$0.00034	$0.01623
Sonnet 5.5	$0.00017	$0.00811
Haiku 4.5	$0.00009	$0.00406

Measured 1mo ago against content hash fb70cb27eddd, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

starcat-ui-prototype scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 1mo ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

docs/8-原型设计/Starcat-UI-SKILL.md · 485 lines

How it starts

The opening of the file, as written. The whole thing — 485 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Starcat UI Prototype Skill

为 Starcat 项目生成 macOS 原型与 UI 设计稿。

项目背景

Starcat 是什么

Starcat 是一款面向重度 GitHub 用户的 Apple 平台 Star 管理与 AI 知识整理工具。

核心价值：「整理、理解、找回、评估」 目标用户：独立开发者、技术博主、技术媒体平台：macOS（首发）、iOS/iPadOS、watchOS 设计语言：macOS 26 Liquid Glass

核心功能

GitHub Stars 管理：OAuth 登录、增量同步、三栏布局
AI 智能整理：AI 摘要、标签推荐、语义搜索、14 分类体系
发现页：AI 每日推荐、GitHub Trending、个性化推荐
Release 订阅追踪：时间线、智能过滤、一键下载
多端同步：CloudKit 用户数据同步

技术栈

SwiftUI + macOS 26 Liquid Glass
GRDB.swift (SQLite)
CloudKit
Keychain
自建 AI 代理（你的云服务器）

设计方向

macOS 26 Liquid Glass 设计规范

Liquid Glass 是 macOS 26 引入的设计语言，核心特征：

特征	实现
半透明材质	`.glassEffect()`
动态光影	实时折射和反射
深度层次	背景层 → 玻璃层 → 前景控件
流畅动画	spring 物理动画、matched transitions

色彩系统

主色调：System Blue (#007AFF)
成功色：System Green (#34C759)
警告色：System Orange (#FF9500)
强调色：System Purple (#AF52DE)

暗色模式：
- 背景：#000000 → 渐变透明
- 玻璃层：rgba(255,255,255,0.08)
- 文字 Primary：#FFFFFF
- 文字 Secondary：rgba(255,255,255,0.6)

亮色模式：
- 背景：#F5F5F7
- 玻璃层：rgba(255,255,255,0.72)
- 文字 Primary：#1D1D1F
- 文字 Secondary：rgba(29,29,31,0.6)

字体系统

标题：SF Pro Display，20-28pt，600 weight
正文：SF Pro Text，13-17pt，400 weight
代码：SF Mono，13pt
注释：SF Pro Text，11-12pt，400 weight

圆角系统

小组件：8pt
卡片/按钮：12pt
面板/窗口：16pt
大容器：20pt

间距系统（8pt Grid）

紧凑间距：4pt
标准间距：8pt
宽松间距：16pt
容器间距：24pt
页面边距：32pt

三栏布局设计

整体结构

┌────────────────────────────────────────────────────────────────────┐
│  Liquid Glass 菜单栏 (macOS 26 透明样式)                            │
├──────────────┬─────────────────────────────────┬───────────────────┤
│              │                                 │                   │
│   Sidebar   │        Repo List               │     Detail       │
│   (220pt)   │        (弹性宽度)             │     (380pt)      │
│              │                                 │                   │
│  ┌────────┐ │  ┌─────────────────────────┐   │  ┌─────────────┐ │
│  │ Avatar │ │  │ 🔍 搜索框 (Glass)    │   │  │ Repo 标题  │ │
│  └────────┘ │  └─────────────────────────┘   │  │             │ │
│              │                                 │  │  Tabs:     │ │
│  All Repos  │  ┌─────────────────────────┐   │  │  README    │ │
│  ★ 1,234   │  │ 🟢 repo-name          │   │  │  Details   │ │
│              │  │    description...       │   │  │  Notes     │ │
│  Untagged   │  │    Python • 12.3k ★   │   │  │            │ │
│  📂 234     │  └─────────────────────────┘   │  └─────────────┘ │
│              │                                 │                   │
│  Tags ────  │  ┌─────────────────────────┐   │                   │
│  ├─ AI      │  │ 🔵 another-repo         │   │                   │
│  ├─ macOS   │  │    ...                  │   │                   │
│  └─ Python  │  └─────────────────────────┘   │                   │
│              │                                 │                   │
│  Languages ─│                                 │                   │
│  ├─ Swift   │         (滚动区域)            │                   │
│  └─ Go      │                                 │                   │
│              │                                 │                   │
└──────────────┴─────────────────────────────────┴───────────────────┘

Read the full file on GitHub · 485 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

1mo ago First seen · 485 lines · 85 tokens per session scan A fb70cb27eddd

Subscribe to this mod's changes

starcat-ui-prototype is a skill published in the GitHub repository starcat-app/Starcat (211 stars, last pushed yesterday), licensed MIT. It adds 85 tokens to every session and 4,057 once invoked, about $0.0003 per session on Opus 5.5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-09-03.

Design and UX RAG and vectors ai github-stars knowledge-base local-first macos

starcat-ui-prototype