Agent skill

Static Sites

by bionic-gpt in bionic-gpt/bionic-gpt

Create or modify Bionic's generated marketing site, documentation, blog, course pages, and static assets.

Apache-2.0Auto-check passedFrontend & Design

Install Static Sites

skills CLI
$ npx skills add bionic-gpt/bionic-gpt --skill static-sites -a claude-code

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

GitHub CLI
$ gh skill install bionic-gpt/bionic-gpt static-sites --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/bionic-gpt/bionic-gpt.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/static-sites .claude/skills/static-sites && 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
static-sites
GitHub stars
2.4k
Token cost
~920 tokens
SKILL.md length
383 words
Files
5 (incl. scripts, references)
Skills in repo
21
Repo updated
First seen
Licence
Apache-2.0

At a glance

Create or modify Bionic's generated marketing site, documentation, blog, course pages, and static assets.

  • Ssgwhiz changes under crates/bionic-gpt
  • SKILL.md covers Content and Rendering, Marketing Visual System, Blog Articles and Assets and Commands, plus 1 more section
  • Runs Rust scripts from its folder; calls cargo, just and git
  • Tasks that involve Static sites and blogs

What it does

Static Sites is an agent skill from bionic-gpt/bionic-gpt. Create or modify Bionic's generated marketing site, documentation, blog, course pages, and static assets. Use for content, layouts, summaries, Tailwind, or ssgwhiz changes under crates/bionic-gpt.

Its SKILL.md is about 920 tokens, which your agent loads only when the skill is triggered. The skill folder holds 8 other files, including scripts and reference files (for example `references/new-blog-article.md`).

It sits in Frontend & Design, covering Static sites and blogs, CSS and styling and Landing pages. It works with Tailwind CSS. The repository describes itself as: Bionic is sovereign Agentic AI for the enterprise — Runs on-premise and can securely work with your sensitive data and systems. The licence is Apache-2.0.

When your agent uses it

  • Ssgwhiz changes under crates/bionic-gpt
  • Tasks that involve Static sites and blogs
  • Tasks that involve CSS and styling

Example prompts

  • “/static-sites”

What it can do on your machine

Read from SKILL.md and the folder at commit c155c00. 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

    Ships 3 files in scripts/ (Rust), which the agent can run.

    Shell commands in SKILL.md call:

    • cargo
    • just
    • git

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

  • Network

    No URLs in SKILL.md. Its commands use git, which can reach the network depending on how they are called.

    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

Static Sites loads about 920 tokens when it runs, and up to ~1.3k if it reads all its reference files. Until then it costs about 53 tokens; SKILL.md has 383 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~53
When it runs · the whole SKILL.md, loaded when a task matches
~920
With references · SKILL.md plus every file in references/, read only if the agent opens them
~1.3k

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); the scripts in this folder are not scanned.

SKILL.md

The full file from bionic-gpt/bionic-gpt at commit c155c00, republished under its Apache-2.0 licence (© bionic-gpt). 383 words, ~920 tokens.

Download SKILL.mdSave it as .claude/skills/static-sites/SKILL.md (or your agent's skills folder). This skill also uses 4 other files; get the full folder from GitHub.
name
static-sites
description
Create or modify Bionic's generated marketing site, documentation, blog, course pages, and static assets. Use for content, layouts, summaries, Tailwind, or ssg_whiz changes under crates/bionic-gpt.

Static Sites

The current static site is crates/bionic-gpt

Content and Rendering

  • Marketing pages are under crates/bionic-gpt/content/pages.
  • Blog content is under crates/bionic-gpt/content/blog and is registered through src/blog_summary.rs.
  • Documentation is under content/docs and is registered through src/docs_summary.rs.
  • Course content is under content/architect-course and is registered through src/architect_course_summary.rs.
  • Shared layouts and site configuration are under crates/bionic-gpt/src.
  • crates/bionic-gpt/build.rs generates course page source where required before ssg_whiz renders the site.

Preserve the existing ssg_whiz summary and layout conventions. Keep visible images, Open Graph images, metadata, canonical links, navigation, and footer behavior distinct where the code supports those concepts.

Marketing Visual System

Marketing typography is defined in crates/bionic-gpt/input.css. HTML heading levels provide the standard type hierarchy: h1 is the page or hero heading, h2 is a section heading, and h3 is a feature, card, or subsection heading. The site inherits Tailwind's --default-font-family, currently its system sans stack. Eyebrow text uses the semantic .site-eyebrow class.

The homepage use-case river has named art-direction treatments for its intro and feature headings: .use-case-river__heading--intro and .use-case-river__heading--copy. These styles live alongside the global heading rules in the marketing stylesheet.

Shared CSS owns recurring typography. DaisyUI provides themed controls such as buttons and semantic colors such as base-content and primary. Component Tailwind classes describe composition and geometry, including grids, flex layouts, spacing, alignment, and image sizing.

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

Blog Articles

For a new blog article, read references/new-blog-article.md before editing. It defines the content, summary metadata, hero-image, and Open Graph workflow.

Use the bundled Open Graph helper to create the social-preview image from the article hero:

bash
cargo run --quiet --manifest-path .agents/skills/static-sites/scripts/prepare-open-graph/Cargo.toml -- <hero-image> <article-folder>/open-graph.jpg

The helper creates an exact 1200x630 JPEG and adapts quality until the file is below the site's 490,000-byte limit.

Assets and Commands

Static application assets are maintained in crates/web-assets; its Tailwind input is crates/web-assets/input.css, and its TypeScript entry is crates/web-assets/index.ts. The site-specific Tailwind input is in crates/bionic-gpt/input.css.

crates/web-assets/build.rs uses cache-busters to generate typed references for files in dist/ and images/; application code should use those generated references rather than hard-coded hashed asset paths.

Verified development recipes are:

bash
just ws
just wts

The ws recipe watches crates/bionic-gpt/content and src; wts watches the site's Tailwind input. Inspect Justfile before using other recipes.

Verification

bash
(cd crates/bionic-gpt && DO_NOT_RUN_SERVER=1 cargo run -p bionic-gpt)
cargo build -p bionic-gpt

Run the site generator from crates/bionic-gpt so its dist/ output lands in the site crate's ignored build directory, not the workspace root. Inspect the generated HTML for metadata, links, and asset paths. Run git diff --check.

© bionic-gpt, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 4 other files (scripts, references) in .agents/skills/static-sites of bionic-gpt/bionic-gpt.

  • SKILL.md
  • references/new-blog-article.md
  • scripts/prepare-open-graph/Cargo.lock
  • scripts/prepare-open-graph/Cargo.toml
  • scripts/prepare-open-graph/src/main.rs

Open the folder on GitHubat commit c155c00

Compare with similar skills

Static Sites 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.

Static Sites compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Static Sites this skillbionic-gpt/bionic-gpt2.4k—~920Automated safety check: PassApache-2.0
Kill AI Slopyetone/kill-ai-slop1.3k—~1.4kAutomated safety check: PassApache-2.0
Bryl Minimal Designbryllim/bryl-minimal-design114—~2.9kAutomated safety check: PassMIT
Design StyleCastor6/tactus3761 repos~2.1kAutomated safety check: PassApache-2.0
Unslop UIJCarterJohnson/vibecoded-design-tells511—~1.9kAutomated safety check: PassCustom licence
GlideSrivarsanK/Glide125—~1.7kAutomated safety check: PassApache-2.0

Similar skills

  • Kill AI Slop

    yetone/kill-ai-slop

    Find and remove AI slop — the generic, machine-default visual and copy tics of vibe-coded products — from a web project.

    1.3k GitHub stars~1.4k tokensUpdated 23 days ago
    Frontend & DesignAuto-check passed
  • Bryl Minimal Design

    bryllim/bryl-minimal-design

    Apply the bryl-minimal design language — a monochrome, typography-driven minimal aesthetic with halftone dot textures, pixel-font display headings, tiny uppercase monospace labels, soft large-radius…

    114 GitHub stars~2.9k tokensUpdated 2 mo ago
    Frontend & DesignAuto-check passed
  • Design Style

    Castor6/tactus

    A skill your agent uses whenever the user asks to build, create, design, develop, improve, or style any frontend interface or visual element.

    376 GitHub starsUsed in 1 repo~2.1k tokens
    Frontend & DesignAuto-check passed
  • Unslop UI

    JCarterJohnson/vibecoded-design-tells

    Strips the cues that make a website read as AI-generated and forces a deliberate, project-specific design choice instead of the model's default.

    511 GitHub stars~1.9k tokensUpdated 3 mo ago
    Frontend & DesignAuto-check passed
  • Glide

    SrivarsanK/Glide

    Authoritative guide and toolset for AI agents to operate, configure, and visually design applications using Glide (@srivarsank/glide).

    125 GitHub stars~1.7k tokensUpdated 8 days ago
    Frontend & DesignAuto-check passed
  • UI UX Pro Max

    Ohh-889/skyroc

    UI/UX design intelligence. An agent skill from Ohh-889/skyroc.

    795 GitHub starsUsed in 27 repos~3.6k tokens
    Frontend & DesignAuto-check: notes

More from bionic-gpt/bionic-gpt

All 21 skills in this repo
  • Automationbench Eval

    bionic-gpt/bionic-gpt

    Load the repository's AutomationBench OpenAPI catalogue and run evaluations against the local simulator.

    2.4k GitHub stars~619 tokensUpdated yesterday
    Auto-check passed
  • Ron Auth

    bionic-gpt/bionic-gpt

    Implement identity and authorization boundaries in Rust on Nails applications.

    2.4k GitHub stars~667 tokensUpdated yesterday
    Auto-check passed
  • Ron Web Pages

    bionic-gpt/bionic-gpt

    Build server-rendered Dioxus pages using opinionated Rust on Nails patterns.

    2.4k GitHub stars~616 tokensUpdated yesterday
    Auto-check passed
  • Document Generation

    bionic-gpt/bionic-gpt

    Create polished printable documents and PDFs, including forms, checklists, reports, briefs, comparisons, worksheets, task lists, and other operational documents.

    2.4k GitHub stars~1.1k tokensUpdated yesterday
    Auto-check passed
  • Local Deployment

    bionic-gpt/bionic-gpt

    Deploy one or more locally built Bionic services into the user's k3d cluster.

    2.4k GitHub stars~540 tokensUpdated yesterday
    Auto-check: notes
  • Office Tools

    bionic-gpt/bionic-gpt

    Regenerate the built-in Office OpenAPI specs from a selected Archipelago ref.

    2.4k GitHub stars~352 tokensUpdated yesterday
    Auto-check passed

Works with

Questions about Static Sites

What does Static Sites do?

Create or modify Bionic's generated marketing site, documentation, blog, course pages, and static assets. Static Sites is an agent skill from bionic-gpt/bionic-gpt. Create or modify Bionic's generated marketing site, documentation, blog, course pages, and static assets.

When should I use Static Sites?

Static Sites fits situations like: ssgwhiz changes under crates/bionic-gpt; tasks that involve Static sites and blogs; tasks that involve CSS and styling.

How do I install Static Sites in Claude Code?

Run `npx skills add bionic-gpt/bionic-gpt --skill static-sites -a claude-code`. Or copy the skill folder (.agents/skills/static-sites in bionic-gpt/bionic-gpt) into .claude/skills/static-sites in your project. Claude Code loads it when a task matches its description.

How do I install Static Sites in Codex?

Run `npx skills add bionic-gpt/bionic-gpt --skill static-sites -a codex`. Or copy the skill folder (.agents/skills/static-sites in bionic-gpt/bionic-gpt) into .agents/skills/static-sites in your project. Codex loads it when a task matches its description.

Can I use Static Sites 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 bionic-gpt/bionic-gpt --skill static-sites -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/static-sites, .gemini/skills/static-sites, .github/skills/static-sites and .opencode/skills/static-sites in your project.

What does Static Sites need to run?

Going by SKILL.md and its folder, Static Sites needs Rust for the scripts in its folder and the command-line tools its instructions call (cargo, just and git).

Does Static Sites access the network?

SKILL.md contains no URLs. Its commands use git, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Static Sites 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. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.

What licence does Static Sites use?

Static Sites is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Static Sites use?

About 920 tokens (SKILL.md is roughly 3.7k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 428 tokens, read only when the agent opens those files.

What are the alternatives to Static Sites?

Skills that share tags, products or a category with Static Sites: Kill AI Slop (yetone/kill-ai-slop, 1.3k stars), Bryl Minimal Design (bryllim/bryl-minimal-design, 114 stars), Design Style (Castor6/tactus, 376 stars) and Unslop UI (JCarterJohnson/vibecoded-design-tells, 511 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Static Sites?

bionic-gpt (a GitHub organization) maintains it in bionic-gpt/bionic-gpt, which has 2,383 GitHub stars. The repository holds 21 skills in this directory. The repository was last updated on October 7, 2026.

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