skills.rest
DevonStee
DevonSteeCOMMUNITY
Explore all skills by this author →
GitHub

options-button-visual-guidelines

Specify dimensions, spacing, and alignment for Android options buttons.

3|1|Updated Feb 14, 2026
Search Tags:#ui#layout#visual design#guidelines#android#button
One-click install
npx skills add https://github.com/DevonStee/OpenFlip --skill options-button-visual-guidelines
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: options-button-visual-guidelines
Source: https://github.com/DevonStee/OpenFlip/tree/main/.agent/skills/user/options-button-visual-guidelines
Command: npx skills add https://github.com/DevonStee/OpenFlip --skill options-button-visual-guidelines

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides precise visual specifications and layout guidelines for the "options" or settings button, ensuring consistency and accuracy in its appearance and placement across different screen orientations.

Core Features & Use Cases

  • Detailed Visual Specs: Defines exact dimensions, background insets, corner radii, and icon properties for the button.
  • Animation Guidance: Specifies how the button should behave during press or appearance animations.
  • Layout & Alignment: Provides specific margin and padding values for portrait and landscape modes, and for internal UI elements.
  • Use Case: A developer needs to update the settings button's size or ensure its alignment with other UI elements in both phone and tablet layouts. This Skill provides the exact values to use.

Quick Start

Adjust the options button's size and spacing according to the provided portrait and landscape layout specifications.

Frequently Asked Questions about options-button-visual-guidelines

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What are the standard visual specifications for an Android settings button?▼

Standard visual specifications for an Android settings button include exact dimensions, background insets, corner radii, and icon properties to ensure UI consistency and precise element placement within layouts.

How do I align an options button for portrait and landscape modes in Android?▼

To align an options button in portrait and landscape modes, apply specific margin and padding values for each orientation to maintain consistent placement and UI alignment across different screen sizes.

Does this provide layout guidelines for both Android XML layouts and Compose code?▼

Yes, the layout guidelines address precise element placement and visual specifications within both Android XML layouts and Compose code to ensure adherence to interactive design system standards.

What is the recommended spacing and size for an Android UI options button?▼

The recommended spacing and size for an Android UI options button involve defined dimensions, icon spacing, and specific padding values to maintain visual design consistency across interactive elements.

How should an Android settings button behave during press or appearance animations?▼

Android settings button animation guidance specifies exact behaviors during press or appearance transitions, ensuring the interactive element responds consistently with the visual design system standards.

Related Skills

Explore More Software Engineering Skills→
Marcus-BoniMarcus-Boni
1

shadcn

Manage shadcn components and project configurations via CLI.

Community
Advanced
krl76krl76

unity-event

Diagnose and modify UnityEvent listeners on UI components like Button and Toggle.

Community
Intermediate
escorponoxescorponox
1

xml-to-compose-migration

Convert Android XML UI layouts into Jetpack Compose code.

Community
Intermediate
DengNaichenDengNaichen
34

axiom-design

Guide Apple UI design with HIG and Liquid Glass material rules.

Community
Advanced