button-sizing
- **Height**: 24px (`var(--button-height-standard)`) - **Font Size**: 12px (`var(--button-font-size-standard)`) - Use for regular buttons throughout the application
Install / Use
npx skills add StefKors/Commitment-tauriInstalls into whichever agent you are using.
Cursor Rules
Cursor IDE rules (v2)
Quality Score
Category
Development & EngineeringSupported Platforms
Tags
Our assessment of button-sizing
button-sizing scores 48/100 on our quality scale, 4287th of 4,611 Development & Engineering skills we index.
Its Cursor Rules is 1.1 KB long, split into 5 sections with 1 code example: fairly brief, so expect to fill in details yourself.
It has no GitHub stars yet, so there is no community track record; judge it on its content.
Maintenance, license and trust
- We could not determine when the repository was last updated.
- Our last check on 2026-10-20 found the source still online.
- No license is declared. By default that means all rights are reserved: you can read it, but reusing or redistributing it is not clearly permitted. Ask the author before building on it commercially.
- Its trust signals score 68/100, with 3 cautions from licensing, adoption, age or documentation. These come from repository metadata, not a code audit — read the skill file before letting an agent act on it.
Safety scan
No issues foundOur scan of the whole file found no instruction hijacking, hidden characters, credential access, data exfiltration or destructive commands. An AI review of the same text found nothing harmful.
AI review by kimi-k2.7-code on 2026-09-24. Automated pattern scan on 2026-09-24. It catches known dangerous patterns, not every risk — read a skill before letting an agent act on it.
button-sizing compared with similar skills
All 4 of these similar skills score higher than button-sizing; compare them before choosing.
| Skill | Score | Stars | Updated | Format |
|---|---|---|---|---|
| button-sizing (this skill)by StefKors | 48 | 0 | — | Cursor Rules |
| taste-skillby Leonxlnx | 100 | 110.6k | 1d ago | CLAUDE.md |
| ai-job-searchby ai-job-search-dev | 100 | 69.8k | today | CLAUDE.md |
| claude-howtoby luongnv89 | 100 | 46.6k | 2d ago | CLAUDE.md |
| algorithmic-artby anthropics | 100 | 177.9k | 44d ago | SKILL.md |
Frequently asked questions
- How do I install button-sizing?
- Run
npx skills add StefKors/Commitment-tauri. The install tabs above show the steps for each supported agent. - Which AI agents does button-sizing work with?
- It is written for Cursor, as a Cursor Rules file. Other agents that read the same format can often use it too.
- Is button-sizing safe to use?
- Our scan of the whole file found no instruction hijacking, hidden characters, credential access, data exfiltration or destructive commands. An AI review of the same text found nothing harmful. It declares no license and scores 68/100 on trust signals. Skills are instructions an agent will follow, so read the file before installing it and do not approve commands you do not understand.
- Is button-sizing still maintained?
- We could not determine when the repository was last updated.
Skill content
View source on GitHubButton Sizing Standards
Standard Buttons
- Height: 24px (
var(--button-height-standard)) - Font Size: 12px (
var(--button-font-size-standard)) - Use for regular buttons throughout the application
Large Buttons (Header Buttons)
- Height: 48px (
var(--button-height-large)) - exactly twice the standard height - Font Size: 12px (
var(--button-font-size-standard)) - same as standard - Use for buttons in the top header (e.g., RepoSelector, BranchSelector triggers)
Implementation
- Use CSS variables from
variables.cssfor consistency - Standard buttons use
.mdsize class by default - Large buttons use
.lgsize class - Always use
heightproperty instead of padding for vertical sizing - Horizontal padding should be applied separately (e.g.,
padding: 0 14px)
Examples
/* Standard button */
.button {
height: var(--button-height-standard);
font-size: var(--button-font-size-standard);
padding: 0 14px;
}
/* Large header button */
.trigger {
height: var(--button-height-large);
font-size: var(--button-font-size-standard);
padding: 0 var(--space-3);
}
Related Skills
taste-skill
110.6kAgent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages
ai-job-search
69.8kThe job search that runs on your machine. AI job application framework built on Claude Code: evaluate postings, tailor CVs, write cover letters, prep interviews. Fork it and own it.
claude-howto
46.6kA visual, example-driven guide to Claude Code — from basic concepts to advanced agents, with copy-paste templates that bring immediate value.
algorithmic-art
177.9kCreating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems.
Trust signals
From repository metadata: license, adoption, age and documentation. Not a code audit — see the Safety scan above for what the skill file itself contains.