本文へ移動
cccskills
無料GitHub で公開

brand

Apply this site's visual identity — colours, type, logo files and fixed brand strings. Use for any page, component, social asset or document that should look like the site.

インストール方法を見る

含まれるファイル(20)

  • SKILL.md1.2 KB
  • README.md403 B
  • tokens.css2.4 KB
  • web/apple-touch-icon.png13.4 KB
  • web/favicon.ico14.7 KB
  • web/favicon.svg237 B
  • web/icon-192.png13.5 KB
  • web/icon-512.png37.8 KB
  • web/icon-maskable-512.png15.0 KB
  • web/logo-primary-deep.svg5.1 KB
  • web/logo-primary-ivory.svg5.1 KB
  • web/logo-stacked-deep.svg6.0 KB
  • web/logo-stacked-ivory.svg6.0 KB
  • web/logo-tagline-deep.svg22.5 KB
  • web/logo-tagline-ivory.svg22.5 KB
  • web/mark-deep.svg373 B
  • web/mark-ivory.svg373 B
  • web/mark-mono.svg218 B
  • web/mark-small-deep.svg237 B
  • web/mark-small-ivory.svg237 B

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

Brand rules

This is a placeholder identity. The site-bootstrap skill interviews the owner and rewrites this file, docs/brand/tokens.css, src/lib/brand.ts and the files in public/brand/.

  1. Colours come from docs/brand/tokens.css only. Never hard-code a hex in a component; use the Tailwind classes backed by the tokens (bg-paper, text-ink, bg-saffron-500 = primary, text-green-ink = accent …). The two literal scales in tailwind.config.ts must equal the tokens — pnpm brand:check enforces it.
  2. Logos and marks come from public/brand/ through <BrandLogo> and <BrandMark> (src/components/brand/). Do not redraw, recolour or stretch them. docs/brand/web/ holds byte-identical copies; brand SVGs contain no live text.
  3. Fixed strings (tagline, label, stance) live in src/lib/brand.ts; read the constants instead of retyping the words.
  4. Light ground is the default; the deep surface (.vb-deep) is opt-in per section.
  5. Keep contrast at WCAG AA or better in both grounds.

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

Use FIRST when someone asks for a new feature or a change to an existing one — before any schema, code or test. Works out what is actually being asked for, whether to build it or integrate a third party (Trustpilot, Stripe, Calendly and the like), where the data lives, who may do what, and what happens when the vendor is down. Produces a decision, then hands to feature-schema.

日本語の概要は準備中です。原文の説明を表示しています。

aryannema/vigyan-site-os22026年10月2日 更新

Use when a new feature needs a table, column or capability — evolving the schema so the new thing joins the permission, audit and RLS contract instead of sitting outside it. Covers the DDL/DML split, the resource/capability wiring, and the self-verifying migration.

日本語の概要は準備中です。原文の説明を表示しています。

aryannema/vigyan-site-os22026年10月2日 更新

Use after building a feature — explore it in a real browser to find what nobody predicted, then turn each finding into a deterministic test that guards it forever. Covers the agentic pass, what to generate vs hand-write, and how to skip honestly when a capability is missing.

日本語の概要は準備中です。原文の説明を表示しています。

aryannema/vigyan-site-os22026年10月2日 更新

Publishing content or deploying site-os — what caches exist, what refreshes them, and how to prove a change is actually live. Use when publishing a post or product, launching a page, deploying, or when someone says a change "isn't showing".

日本語の概要は準備中です。原文の説明を表示しています。

aryannema/vigyan-site-os22026年10月2日 更新

Handling secrets, keys and credentials for site-os — reading vigyan-secrets.md safely, moving keys into app_secrets, rotating, and responding to an exposure. Use whenever a task touches a key, token, password, .env file, app_secrets, encryption, or the secrets document.

日本語の概要は準備中です。原文の説明を表示しています。

aryannema/vigyan-site-os22026年10月2日 更新

Audit a page or the whole yoursite site (or a new site) for indexing readiness — cache headers, sitemap, robots, canonical, JSON-LD, internal links — and check the publish pipeline (Cloudflare purge/warm, IndexNow, GSC, Bing). Use before/after publishing content or launching a site.

日本語の概要は準備中です。原文の説明を表示しています。

aryannema/vigyan-site-os22026年10月2日 更新

aryannema のスキルをすべて見る

このスキルの問題を報告する