LogoClawIndex
CasesSkillsAbout
LogoClawIndex

button-styles - Consistent Button Style System

Defines standard button styles for visual consistency in iqEngi project

Tags

Updated: 2026-03-20
design systemUI componentsbutton stylesfrontendTailwind CSS

Capabilities

create primary buttoncreate outline buttoncreate ghost buttonapply button size classes

Typical Inputs

CSS variablesbutton textbutton size

Typical Outputs

styled button HTML codestyled button component

What this skill does

  • create primary button
  • create outline button
  • create ghost button
  • apply button size classes
  • set button border radius
  • define button hover states

Inputs

  • CSS variables
  • button text
  • button size
  • button context

Outputs

  • styled button HTML code
  • styled button component

Requirements

  • Tailwind CSS
  • CSS variables support
  • hover state support

Source

  • Spec: SKILL.md

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.