LogoClawIndex
CasesSkillsAbout
LogoClawIndex

tx-styling - Guide for @landfolk/tx styling in React/Next.js applications

Provides guidance for using @landfolk/tx styling with tx prop, grouping syntax, and related tooling in React/Next.js

Tags

Updated: 2026-02-13

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • Edit components with tx prop
  • Integrate @landfolk/tx into app
  • Debug grouping syntax
  • Use grouping syntax
  • Apply SWC transform
  • Configure Tailwind transformer
  • Use ESLint rule

Inputs

  • React components
  • Next.js application
  • @landfolk/tx library
  • Tailwind configuration
  • ESLint configuration

Outputs

  • Styled React components
  • Transformed className strings
  • Expanded Tailwind classes
  • Sorted class lists

Requirements

  • React/Next.js environment
  • @landfolk/tx library
  • SWC plugin
  • Tailwind CSS
  • ESLint

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.
React
Next.js
Tailwind CSS
Styling
Tooling
Edit components with tx prop
Integrate @landfolk/tx into app
Debug grouping syntax
Use grouping syntax
React components
Next.js application
@landfolk/tx library
Styled React components
Transformed className strings
Expanded Tailwind classes