跳到正文
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(原文)

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

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.

评价

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

评论

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

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

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

0 / 1000 字

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

同一仓库的技能

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 的全部技能

报告此技能的问题