rustfs/design

記録された最新のソース活動: 2026年10月17日 13:50

SkillsMP カタログ更新: 2026年11月2日 18:02

収集済み skills: 1

GitHub スター: 2
GitHub フォーク: 1

AI アシスタントでインストール

このプロンプトをコピーして、使用中の AI アシスタントに送ってください。

Follow https://skillsmp.com/skill-install/prompt.md to install Agent Skills from https://github.com/rustfs/design.

リポジトリの README

README の元ファイル：README.md

README の元ファイルを読む

README 全文を表示

<picture> <source media="(prefers-color-scheme: dark)" srcset=".github/assets/banner-dark.png"> <img alt="RustFS — AI infrastructure, accounted for byte by byte." src=".github/assets/banner-light.png" width="100%"> </picture> # RustFS Design System The official RustFS brand and design guidelines: logo, colour, typography, graphics, icons, data visualisation, motion and voice, with editable templates for advertising, article covers, slides, web, video, social and print. Every page is bilingual (`/en/`, `/zh/`); English is the default. **Website:** https://design.rustfs.com · **Agent spec:** [`DESIGN.md`](DESIGN.md) (Google design.md format) · **Agent skill:** [`rustfs-brand`](skills/rustfs-brand/SKILL.md) ## Use with AI agents Paste the prompt below into any coding or design agent, then replace the last line with your task. The agent reads the published spec and applies it. ```text Read https://design.rustfs.com/DESIGN.md before you start and treat it as the source of truth for everything RustFS-branded in this task. - Colour: use only the tokens it defines. Neutrals about 60%, Signal Blue #0062FF about 30%, Oxide #FF5E14 at most 10% with one focal point. No gradients, glows or other blues. - Type and shape: Archivo for display, Geist for text, Geist Mono for labels; square corners everywhere. - Logo: use the official SVG files unchanged (https://design.rustfs.com/brand/logo/rustfs-wordmark.svg on light surfaces, https://design.rustfs.com/brand/logo/rustfs-wordmark-white.svg on dark ones). Never retype or redraw the wordmark. - Graphics: only the stripe signature and the shard matrix described in the spec. - Copy: conclusion first; claims carry conditions, a source and a date; no superlatives. Always write the name as "RustFS". - Before handing over, check the result against the "Do's and Don'ts" section and state any assumption you made. Task: <deliverable, size in px, language, and the one message it carries> ``` Agents that support skills get the full workflow, templates and render scripts from the packaged skill. For Claude Code: ```bash curl -LO https://design.rustfs.com/downloads/rustfs-brand.skill unzip rustfs-brand.skill -d ~/.claude/skills/ ``` ## Stack Next.js 16 (App Router, static export) · React 19 · Tailwind CSS v4 · shadcn/ui · pnpm. This matches rustfs.com and the Console. ## Commands ```bash pnpm install pnpm dev # http://localhost:3000 pnpm tokens # regenerate token files after editing tokens/tokens.json pnpm skill # regenerate tokens, sync the skill and package public/downloads/rustfs-brand.skill pnpm build # tokens + static export to out/ pnpm lint pnpm typecheck pnpm lint:design # validate DESIGN.md with @google/design.md ``` ## Structure ```text tokens/tokens.json single source of truth (W3C DTCG) tokens/tailwind.css generated Tailwind v4 theme, drop-in for shadcn/ui projects tokens/tokens.css generated CSS variables DESIGN.md design spec for agents skills/rustfs-brand/ agent skill (references, assets, scripts) app/[locale]/<page>/ guideline and template pages components/brand/ wordmark, symbol, icons, stripe, shard matrix, QR components/artboard/ template artboards: fit, surface, language, edit, PNG export, presenter components/site/ page primitives and interactive demos public/brand/ logo SVG and PNG files scripts/build-tokens.mjs token generator and skill/download sync ``` ## Editing rules Read [CONTRIBUTING.md](CONTRIBUTING.md) before changing a page or adding a template. In short: the site is a public publication written as standards; every page is bilingual; templates measure in `u` (1/100 of the short side) and must work on every surface they list. ## Deployment `pnpm run deploy` builds the static site to `out/` and publishes it to Cloudflare Workers static assets at https://design.rustfs.com (custom domain in `wrangler.jsonc`). Run `pnpm exec wrangler login` once first. Any static host can serve `out/` as well. ## License The code and documentation in this repository are licensed under the [Apache License 2.0](LICENSE). The RustFS name and logo are trademarks of RustFS, Inc. The Apache License 2.0 grants no rights to use them; see the terms of use on the [Downloads](https://design.rustfs.com/en/downloads/#terms) page.

リポジトリの README を読み込んでいます…

このリポジトリの skills

分類待ち

skill

職業分類

説明

更新

rustfs-brand

未分類

Apply the official RustFS brand and design system (Signal Blue

原文の言語: 英語

2026-10-17

収集済み skill 1 件中 1 件を表示しています。