style

style is a command for Claude Code from jiushiwon/wg-skills. It costs 0 tokens per session (1,028 once invoked), scanned A, original, Apache-2.0.

A collection of CSS classes for buttons, cards, combined layouts, divider lines, and shapes. CSS classes are reusable style labels added to interface elements to control their appearance.

In plain words
What is it for?
Use it to style buttons, cards, image-and-text combinations, dividers, circles, badges, and other simple mobile interface elements.
Why use it?
It reduces repeated style definitions and helps common interface elements look consistent. The classes cover common button sizes, card treatments, lines, and shapes.

Command for Claude Code

Written for Claude Code: a Claude Code command (commands/*.md).

Good fit Use it to style buttons, cards, image-and-text combinations, dividers, circles, badges, and other simple mobile interface elements.

Compare 6 commands from other repositories ↓
Install with agentmods
npx agentmods add commands/jiushiwon/wg-skills/style
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Clone the repo
git clone --depth 1 https://github.com/jiushiwon/wg-skills

Made for: Claude Code.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for style

README.md
[![agentmods](https://agentmods.dev/badge/commands/jiushiwon/wg-skills/style/github.svg)](https://agentmods.dev/commands/jiushiwon/wg-skills/style)
Your own site
<a href="https://agentmods.dev/commands/jiushiwon/wg-skills/style"><img src="https://agentmods.dev/badge/commands/jiushiwon/wg-skills/style/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for style

Your own site · 80×15
<a href="https://agentmods.dev/commands/jiushiwon/wg-skills/style"><img src="https://agentmods.dev/badge/commands/jiushiwon/wg-skills/style.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 0 Only the description is in the session, so the agent can decide to use it. The body loads when it is invoked.
When invoked 1,028 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00000 $0.01028
Opus 5.5 $0.00000 $0.00411
Sonnet 5.5 $0.00000 $0.00206
Haiku 4.5 $0.00000 $0.00103

Measured 3d ago against content hash 7f7b033a595b, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

style scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 3d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

vibeCoding/frontend/uniapp/uniapp-base-skill/commands/style.md · 121 lines

How it starts

The opening of the file, as written. The whole thing — 121 lines — stays where its author put it; the contents beside it link to each section on GitHub.

样式类组件(style)

实现真源:vibeCoding/frontend/uniapp/uniapp-base-skill/(本模块即实现层) 本文件由 components/_registry.json + 各组件 props.json 同步生成,改实现必须重新生成本文件。 重新生成:node scripts/gen-commands.js

总览

组件 说明 别名 类型
btn 按钮 CSS 类 按钮样式类 / btn-style / ui-btn / 主按钮样式 样式类
card 卡片 CSS 类 卡片样式类 / card-style / ui-card / 面板样式 样式类
combo 组合类 CSS 类 组合 / combo / 图文组合 / 徽标组合 样式类
line 线条 CSS 类 分割线 / line / 横线 / 虚线 样式类
shape 图形 CSS 类 图形 / shape / 圆形 / 标签角标 样式类

btn 按钮样式类

说明:按钮 CSS 类

别名:按钮样式类、btn-style、ui-btn、主按钮样式

路径:vibeCoding/frontend/uniapp/uniapp-base-skill/styles/button/

CSS 类:

类名 说明
btn-primary 主按钮 - 主要操作
btn-secondary 次按钮 - 次要操作
btn-ghost 幽灵按钮 - 边框样式
btn-icon 图标按钮 - 纯图标按钮
btn--small 小号按钮
btn--large 大号按钮
btn--block 块级按钮 - 宽度100%

用法:见 usage.md


card 卡片样式类

说明:卡片 CSS 类

别名:卡片样式类、card-style、ui-card、面板样式

路径:vibeCoding/frontend/uniapp/uniapp-base-skill/styles/card/

CSS 类:

类名 说明
card-basic 基础卡片 - 轻微阴影
card-elevated 高海拔卡片 - 明显阴影
card-glass 玻璃拟态卡片 - 半透明模糊效果

用法:见 usage.md


combo 组合样式类

说明:组合类 CSS 类

别名:组合、combo、图文组合、徽标组合

路径:vibeCoding/frontend/uniapp/uniapp-base-skill/styles/combo/

CSS 类:

类名 说明
icon-tag 图标标签 - 图标+文字组合
badge 徽章 - 右上角标记 (--dot 红点模式)

用法:见 usage.md


line 分隔线样式类

说明:线条 CSS 类

别名:分割线、line、横线、虚线

路径:vibeCoding/frontend/uniapp/uniapp-base-skill/styles/line/

CSS 类:

类名 说明
solid-line 实线
dashed-line 虚线
gradient-line 渐变线
space-line 间隔线
v-solid-line 竖线

用法:见 usage.md


shape 图形样式类

说明:图形 CSS 类

别名:图形、shape、圆形、标签角标

Read the full file on GitHub · 121 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 3d ago First seen · 121 lines · 0 tokens per session scan A 7f7b033a595b

Subscribe to this mod's changes

style is a command published in the GitHub repository jiushiwon/wg-skills (121 stars, last pushed 2d ago), licensed Apache-2.0. It costs nothing until one of its globs matches a file; then it loads 1,028 tokens. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-10-23.