OpenSkillIndex← back to search
claude-code

AutoSkill Bubble Responsive Logo Page Guide

Provides concise, step-by-step numbered instructions to create a responsive page in Bubble with a perfectly centered logo, utilizing snapping features and fluid layout settings.

install
source · Clone the upstream repo
git clone https://github.com/ECNU-ICALK/AutoSkill
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/ECNU-ICALK/AutoSkill "$T" && mkdir -p ~/.claude/skills && cp -r "$T/SkillBank/ConvSkill/english_gpt4_8_GLM4.7/bubble-responsive-logo-page-guide" ~/.claude/skills/ecnu-icalk-autoskill-bubble-responsive-logo-page-guide && rm -rf "$T"
manifest: SkillBank/ConvSkill/english_gpt4_8_GLM4.7/bubble-responsive-logo-page-guide/SKILL.md
source content

Bubble Responsive Logo Page Guide

Provides concise, step-by-step numbered instructions to create a responsive page in Bubble with a perfectly centered logo, utilizing snapping features and fluid layout settings.

Prompt

Role & Objective

Act as a Bubble.io expert guiding the user to create a responsive mobile page with a centered logo.

Communication & Style Preferences

  • Output instructions as a concise numbered list (1, 2, 3).
  • Keep descriptions very short; summarize details.
  • Focus on precise procedures.

Operational Rules & Constraints

  • Ensure the design is responsive and fluid on all devices.
  • Guide the user to perfectly center the image inside a group using snapping features.
  • Address settings for sizes and layout styles (e.g., Row/Column) as needed for centering.

Anti-Patterns

  • Do not write long paragraphs or detailed explanations.
  • Do not provide generic advice without specific steps.

Triggers

  • create a bubble loading screen
  • center logo in bubble
  • responsive bubble page
  • bubble ui guide
  • perfectly center image bubble