Agent skill

Keypaste Design

by notinferred in notinferred/keypaste

Keep keypaste's desktop screens, CLI output, site, README and brand assets on brand.

AGPL-3.0Auto-check passedDevOps & Cloud

Install Keypaste Design

skills CLI
$ npx skills add notinferred/keypaste --skill keypaste-design -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install notinferred/keypaste keypaste-design --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/notinferred/keypaste.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.claude/skills/keypaste-design .claude/skills/keypaste-design && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
keypaste-design
GitHub stars
161
Token cost
~865 tokens
SKILL.md length
417 words
Files
1
Skills in repo
1
Repo updated
First seen
Licence
AGPL-3.0

At a glance

Keep keypaste's desktop screens, CLI output, site, README and brand assets on brand.

  • Reviewing any keypaste interface
  • SKILL.md covers Production code, Checks before finishing and Throwaway visuals
  • Calls python and dotnet
  • When adding a colour

What it does

Keypaste Design is an agent skill from notinferred/keypaste. Keep keypaste's desktop screens, CLI output, site, README and brand assets on brand. Use when designing, restyling or reviewing any keypaste interface, prototype, screenshot, page or copy, and when adding a colour, font, icon, spacing value or user-facing wording.

Its SKILL.md is about 870 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in DevOps & Cloud, covering Logo and visual identity, Secrets management and Technical documentation. It works with Model Context Protocol. The repository describes itself as: A KeePass-compatible password and secrets manager for people who work with AI agents. The licence is AGPL-3.0.

When your agent uses it

  • Reviewing any keypaste interface
  • When adding a colour
  • User-facing wording

Example prompts

  • “/keypaste-design”

Requirements

  • Python 3

What it can do on your machine

Read from SKILL.md and the folder at commit 5e85bf1. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • python
    • dotnet

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Keypaste Design loads about 865 tokens when it runs. Until then it costs about 70 tokens; SKILL.md has 417 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~70
When it runs · the whole SKILL.md, loaded when a task matches
~865

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from notinferred/keypaste at commit 5e85bf1, republished under its AGPL-3.0 licence (© notinferred). 417 words, ~865 tokens.

Download SKILL.mdSave it as .claude/skills/keypaste-design/SKILL.md (or your agent's skills folder).
name
keypaste-design
description
Keep keypaste's desktop screens, CLI output, site, README and brand assets on brand. Use when designing, restyling or reviewing any keypaste interface, prototype, screenshot, page or copy, and when adding a colour, font, icon, spacing value or user-facing wording.
user-invocable
true

keypaste design

Read these before changing anything a person sees:

  • docs/BRAND.md owns the marks, palette, type, shape, icons, terminal rules, voice and usage rules.
  • docs/design/README.md holds the exact values for every desktop screen, overlay and CLI view, and the prototype state and interactions.
  • The prototypes in docs/design/design/ are the high-fidelity reference: keypaste Desktop.dc.html for the app, keypaste CLI.dc.html for terminal output and keypaste Brand System.dc.html for components and voice. Styles are inline, so read px, colours and copy from the markup; demo data and handlers are in the desktop file's <script data-dc-script>. Open one in a browser with support.js beside it.
  • docs/design/tokens/ is the CSS token source. The marks are in assets/brand/.

Production code

The desktop app (Avalonia, src/Keypaste.App) already carries the brand; use it rather than new values:

  • Theme/Tokens.axaml: brushes such as KpBgApp, KpBgPanel, KpBgCard, KpBorderSubtle, KpTextPrimary, KpTextMuted, KpAccent, KpOk, KpDanger, KpInfo. A view never writes a hex colour.
  • Theme/Typography.axaml, Buttons.axaml, Inputs.axaml, Lists.axaml, Surfaces.axaml: classes for text, buttons, fields, rows and cards.
  • Icons: <ctl:KpIcon Icon="lock" Size="16"/>; add a Lucide icon with python scripts/lucide-to-axaml.py <name>. Marks: <ctl:BrandMark/> (the icon) and <ctl:BrandWordmark/>, never side by side.
  • KEYPASTE_SCREENS_OUT=<dir> dotnet test tests/Keypaste.App.Tests -- --filter-class Keypaste.App.Tests.Rendering.ScreenRenderer renders every screen with a demo vault; compare the PNGs with the prototype.

keypaste.com takes its tokens from site/public/brand.css. CLI colour and help layout follow the terminal rules in BRAND.

Brand never overrides security behaviour: a secret stays masked until revealed, masked fields stay at 14px or larger, and secret-bearing elements carry no automation name. Keep every control name the tests use.

Show full SKILL.md (164 more words)Show less

Checks before finishing

  • Colours, type, spacing and radii come from the tokens, and amber appears once per view, for the primary action or a live signal, with ink text on it.
  • Anything machine-readable (keys, values, kp:// references, paths, commands, tokens, timestamps) is Fragment Mono; everything else is Instrument Sans.
  • Depth is lightness; shadows only on dialogs, toasts and popovers.
  • Icons are Lucide at 1.5px, muted unless their object is live. No emoji, no filled icons.
  • Copy names the actor and the object, gives every grant a duration, uses sentence case and "you", has no exclamation marks and says what to do next after an error. "keypaste" is always lowercase.

Throwaway visuals

For a mock or a slide rather than production code, copy the SVGs from assets/brand/ and the tokens from docs/design/tokens/styles.css into a static HTML file, load Instrument Sans and Fragment Mono, and build from the prototype's components. If the request gives no direction, ask what is being made and for whom before designing.

© notinferred, AGPL-3.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

Just SKILL.md in .claude/skills/keypaste-design of notinferred/keypaste.

Open the folder on GitHubat commit 5e85bf1

Compare with similar skills

Keypaste Design next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Keypaste Design compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Keypaste Design this skillnotinferred/keypaste161—~865Automated safety check: PassAGPL-3.0
Flow Contextflowexec/flow137—~654Automated safety check: PassApache-2.0
Docker Sandboxes Envdocker/skills539—~4kAutomated safety check: PassApache-2.0
Secret Scanninggithub/awesome-copilot40k1 repos~2.4kAutomated safety check: PassMIT
Azure Usagefcakyon/claude-codex-settings1.2k1 repos~461Automated safety check: PassApache-2.0
Apex Azure Compliancejonathan-vella/apex217—~1.6kAutomated safety check: PassMIT

Similar skills

  • Flow Context

    flowexec/flow

    This project uses flow for automation. An agent skill from flowexec/flow.

    137 GitHub stars~654 tokensUpdated 6 days ago
    DevOps & CloudAuto-check passed
  • Official

    A skill your agent uses when authoring, planning, or running a declarative sbxenv.yaml file for Docker Sandboxes (sbx env create/run/plan/exec/rm), even if the user just says they want to "check in…

    539 GitHub stars~4k tokensUpdated 3 days ago
    DevOps & CloudAuto-check passed
  • Secret Scanning

    github/awesome-copilot

    Official

    Guide for configuring and managing GitHub secret scanning, push protection, custom patterns, and secret alert remediation.

    40k GitHub starsUsed in 1 repo~2.4k tokens
    DevOps & CloudAuto-check passed
  • Azure Usage

    fcakyon/claude-codex-settings

    This skill should be used when user asks to "query Azure resources", "list storage accounts", "manage Key Vault secrets", "work with Cosmos DB", "check AKS clusters", "use Azure MCP", or interact…

    1.2k GitHub starsUsed in 1 repo~461 tokens
    DevOps & CloudAuto-check passed
  • Apex Azure Compliance

    jonathan-vella/apex

    ANALYSIS SKILL — Azure compliance and security auditing: best practices, Key Vault expiration monitoring, resource validation.

    217 GitHub stars~1.6k tokensUpdated yesterday
    DevOps & CloudAuto-check passed
  • New Entity Requirements

    elastic/terraform-provider-elasticstack

    Official

    Gathers initial requirements for a new Terraform resource or data source by examining API clients (go-elasticsearch, generated kbapi), Elastic API docs (Elastic docs MCP server and/or web), then…

    210 GitHub stars~1.9k tokensUpdated today
    DevOps & CloudAuto-check passed

Questions about Keypaste Design

What does Keypaste Design do?

Keep keypaste's desktop screens, CLI output, site, README and brand assets on brand. Keypaste Design is an agent skill from notinferred/keypaste. Keep keypaste's desktop screens, CLI output, site, README and brand assets on brand.

When should I use Keypaste Design?

Keypaste Design fits situations like: reviewing any keypaste interface; when adding a colour; user-facing wording.

How do I install Keypaste Design in Claude Code?

Run `npx skills add notinferred/keypaste --skill keypaste-design -a claude-code`. Or copy the skill folder (.claude/skills/keypaste-design in notinferred/keypaste) into .claude/skills/keypaste-design in your project. Claude Code loads it when a task matches its description.

How do I install Keypaste Design in Codex?

Run `npx skills add notinferred/keypaste --skill keypaste-design -a codex`. Or copy the skill folder (.claude/skills/keypaste-design in notinferred/keypaste) into .agents/skills/keypaste-design in your project. Codex loads it when a task matches its description.

Can I use Keypaste Design in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add notinferred/keypaste --skill keypaste-design -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/keypaste-design, .gemini/skills/keypaste-design, .github/skills/keypaste-design and .opencode/skills/keypaste-design in your project.

What does Keypaste Design need to run?

Going by SKILL.md and its folder, Keypaste Design needs the command-line tools its instructions call (python and dotnet). Our summary lists: Python 3.

Does Keypaste Design access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Keypaste Design safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Keypaste Design use?

Keypaste Design is published under the AGPL-3.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Keypaste Design use?

About 865 tokens (SKILL.md is roughly 3.5k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Keypaste Design?

Skills that share tags, products or a category with Keypaste Design: Flow Context (flowexec/flow, 137 stars), Docker Sandboxes Env (docker/skills, 539 stars), Secret Scanning (github/awesome-copilot, 40k stars) and Azure Usage (fcakyon/claude-codex-settings, 1.2k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Keypaste Design?

notinferred (a GitHub organization) maintains it in notinferred/keypaste, which has 161 GitHub stars. The repository was last updated on October 7, 2026.

Source: notinferred/keypaste on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.