Render consistent text in wok-ui UIs with Text presets and chainable methods.
npx skills add https://github.com/PeakTai/wok-ui --skill wok-ui-text
Please help me install this Agent Skill. Skill: wok-ui-text Source: https://github.com/PeakTai/wok-ui/tree/main/skills/wok-ui-text Command: npx skills add https://github.com/PeakTai/wok-ui --skill wok-ui-text
wok-ui 的 Text 基础文本类与预设文本类型提供一致的排版和风格，降低文本呈现的心智负担。
通过示例创建 Text 与预设文本类型，并使用链式方法调整样式以实现页面文本展示。
High-intent search queries and answers about installing and using this skill.
Render consistent typography by using a Text component with preset types like PrimaryBodyText and SecondaryBodyText, which provide unified styling and reduce configuration overhead across your web UI.
Apply custom text color and font size by chaining methods like setColor and setSize on a Text instance, allowing quick style adjustments without modifying underlying CSS or component templates.
Preset text types are predefined configurations like SecondaryBodyText for gray text and SmallSecondaryBodyText for smaller fonts, designed to maintain consistent visual hierarchy across standard text elements.
Yes, attach click events to a text component by using the onClick chainable method, directly binding interaction logic to the text instance alongside style methods like setBold and setText.
The text component works without external dependencies, requiring no additional library installations or environment setup beyond your existing TypeScript wok-ui project structure.
PeakTaiGuide wok-ui project creation, installation, and routing with npm.
BrunoSantanaDeveloperVerify UI components trigger their imported event handlers via integration tests.
andrewle9510Creates reusable React components with Tailwind and shadcn/ui for web apps.
first-flukeWrap Flutter widgets as HTML custom elements using WebF tooling.
