跳到正文
cccskills
免费在 GitHub 公开

logo

Kolu, Padi, Kaval, and vendored agent-distro logo assets — favicon, PWA icons, website palette, screenshots, and app identity. Use when changing a logo, an icon, or the website's colour tokens.

中文简介正在准备中。当前显示原文说明。

查看安装方法

包含的文件(1)

  • SKILL.md3.6 KB

SKILL.md(原文)

安装前可以查看交给 AI 代理的指令内容。

Kolu Logo

  • Treat packages/client/favicon.svg as the source vector. Browser/chrome uses it transparent.
  • Regenerate packages/client/public/icon-192.png, icon-512.png, and icon-512-maskable.png after changing it. These are the PWA/Dock assets and need a rounded-square backing with safe-zone-friendly artwork.
  • Keep the mark readable at 16px: no text, no thin strokes, no crowded prompt glyph.
  • Verify both surfaces: browser tab favicon and macOS Dock/PWA-sized icon.
  • Keep app identity as Kolu [host]; do not reintroduce kolu@host or short_name: "kolu".

Website Palette

  • Keep the website palette in sync with the Kolu logo. When packages/client/favicon.svg changes colour, update the website tokens in website/src/styles/global.css and any non-CSS consumers such as the OG RGB tuple in website/src/site.ts.
  • Treat the logo as three colour roles on the website: the middle step is the primary action/link/hover colour; the top step is the formatting accent for code, prompts, markers, and warnings; the bottom step is the body/detail accent for rules, tips, quotes, diagram streams, and live/success accents.
  • Use the website's palette variables (--color-kolu-logo-*, --color-kolu-primary*, --color-kolu-top*, --color-kolu-bottom*) instead of duplicating raw hex values or reintroducing old amber/purple/violet site tokens.
  • If a website diagram or page represents Kolu, Padi, or Kaval, use the relevant program logo asset from website/public/ rather than drawing an unrelated placeholder mark.

Padi Logo

  • Treat packages/padi/logo.svg as the source vector for Padi. The website copies it to website/public/padi-logo.svg.
  • Keep the Padi SVG background transparent. Let the consuming surface provide any tile or panel behind it.

Kaval Logo

  • Treat packages/kaval/logo.svg as the source vector for Kaval. The website copies it to website/public/kaval-logo.svg, and the app imports it in KavalInfoDialog.
  • Keep the Kaval SVG background transparent. Let the consuming surface provide any tile or panel behind it.
  • Keep it icon-like, not wordmark-like: no long text, no tiny labels, no dense terminal clusters. It must read at 24px in the Kaval dialog and at favicon-adjacent sizes.
  • Preserve the meaning: Kaval is the PTY daemon that guards/watches terminals. A simple prompt, shield/watch shape, and a small session cue are enough.

agent-distro Logo

  • packages/agent-distro/src/solid/agent-distro-logo.svg is vendored verbatim from agent-distro's doc/logo.svg at the npins pin (npins/sources.json → agent-distro). Never edit it here: change it upstream, then re-copy it at the next pin bump and check it is byte-identical (cmp) to the pinned source.
  • Keep it as agent-distro ships it: viewBox="0 0 24 24", strokes currentColor (so it takes the surrounding text colour), the three dots in their own fixed colours.
  • Render it only through AgentDistroLogo (@kolu/agent-distro/solid, packages/agent-distro/src/solid/AgentDistroLogo.tsx, a size prop). It inlines the SVG (?raw) rather than using an <img>, because an <img> cannot inherit currentColor.
  • Show it wherever kolu names agent-distro: the tile header's agents pill, the Settings "Agents" row, the host tab's agents mark (its state treatment around the logo), its host-details section, and the "Coding agents updated" toast. It is decorative (aria-hidden); the text beside it carries the meaning.

评价

还没有评价。欢迎分享你的使用感受。

评论

无需登录即可发表。欢迎分享使用感受、提问,或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

提交后会立即公开。请勿填写邮箱、电话等个人信息。URL 最多 2 个。

0 / 1000 字

此表单受 reCAPTCHA 保护,适用 Google 的隐私权政策和服务条款。

同一仓库的技能

blog-post

免费

Write a kolu blog post grounded in the real build history — mine the Claude Code session logs behind a feature for the actual story (for large efforts, fan out over the transcripts with an ultracode workflow), draft it in the author's voice, and wire it into the Astro site. Use when asked to write a blog post or engineering essay about something that was built, especially one that should read as a narrative of what actually happened rather than invented marketing copy.

中文简介正在准备中。当前显示原文说明。

juspay/kolu822026年10月21日 更新

ci

免费

Run this repo's CI end-to-end — kolu's policy on top of the odu runner: banned opt-out flags, x86_64-linux pinning, pool upkeep, fail-fast surfacing, e2e timing evidence, and the green-gate. Triggers on "run CI", "drive CI", "re-run the pipeline", "close the red check", "warm the pool". Runner mechanics live in the `/odu` skill.

中文简介正在准备中。当前显示原文说明。

juspay/kolu822026年10月21日 更新

Launch the kolu dev server on two RANDOM free ports so it never collides with the running production `kolu.service`, remember the ports for the rest of the session, and tear down only the dev instance. Load before running the app locally — for evidence capture, driving a live kolu with the chrome-devtools MCP, or any `just dev` you'd otherwise run by hand. Triggers on "run kolu locally", "launch the dev server", "boot kolu", "drive a live kolu", "start the app to screenshot it", or before pointing chrome-devtools at a local kolu.

中文简介正在准备中。当前显示原文说明。

juspay/kolu822026年10月21日 更新

diataxis

免费

Classify, write, and audit documentation per Diátaxis (diataxis.fr) — the four-quadrant method (tutorials · how-to guides · reference · explanation). Encodes the compass as a decision procedure, each quadrant's contract as hard rules, and an executable mixed-mode audit. Project-agnostic; the per-repo doc-location mapping lives in a repo rule of the project's own (kolu: the Kolu overlay below). Use when writing any user-facing doc, structuring a docs site, or auditing existing docs for mixed modes.

中文简介正在准备中。当前显示原文说明。

juspay/kolu822026年10月21日 更新

The Dock's agent-state folds — one fenced source of truth in @kolu/terminal-vocab, the load-bearing order≠colour split, and the one "is something happening" question. Use when editing agentProjection or the canvas dock.

中文简介正在准备中。当前显示原文说明。

juspay/kolu822026年10月21日 更新

E2E test conventions — semantic selectors, arrange-steps that prove the process started, runtime markers that cannot match the shell echo, and absolute-path tool invocations. Use when writing or changing a .feature scenario under packages/tests.

中文简介正在准备中。当前显示原文说明。

juspay/kolu822026年10月21日 更新

查看 juspay 的全部技能

报告此技能的问题