Skills
.Work. You
Rest

options-button-visual-guidelines

Community

Refine UI button appearance and layout.

Software Engineering#ui#layout#visual design#guidelines#android#button
AuthorDevonStee
Version1.0.0
Installs0

System Documentation

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.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: options-button-visual-guidelines
Download link: https://github.com/DevonStee/OpenFlip/archive/main.zip#options-button-visual-guidelines

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.