본문으로 건너뛰기
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.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

juspay/kolu
설치 방법 보기

포함된 파일(1)

  • SKILL.md3.6 KB

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

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 / 1,000자

이 양식은 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월 22일 업데이트

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월 22일 업데이트

dev-server

무료

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월 22일 업데이트

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월 22일 업데이트

dock-state

무료

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월 22일 업데이트

e2e-testing

무료

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월 22일 업데이트

juspay의 스킬 모두 보기

이 스킬의 문제 신고