expandable-text
Use when implementing show or hide additional text content on demand.
Use when implementing show or hide additional text content on demand.
Use when implementing select colors with visual feedback.
Use when implementing edit and format text content.
**WORKFLOW SKILL** โ Iteratively improve skill frontmatter compliance using the Ralph loop pattern. WHEN: "run sensei", "sensei help", "improve skill", "fix frontmatter", "skill compliance", "frontmatter audit", "score skill", "check skill tokens". INVOKES: token counting tools, test runners, git commands. FOR SINGLE OPERATIONS: use token CLI directly for counts/checks.
Generate and update HTML dashboards for LLM usage (Claude, Gemini, Kiro, VS code, Cline, etc). Use when the user wants to visualize their AI coding assistant usage statistics, view metrics in a web interface, or analyze historical trends.
This skill should be used when the user asks to "create a decorator", "write a decorator", "move logic into decorator", "clean logic out of the view", "isn't it decorator logic", "test a decorator", or mentions Draper, keeping views clean, or representation logic in decorators. Should also be used when editing *_decorator.rb files, working in app/decorators/ directory, questioning where formatting methods belong (models vs decorators vs views), or discussing methods like full_name, formatted_*, display_* that don't belong in models. Provides guidance on Draper gem best practices for Rails applications.
This skill processes files containing figlet tags and replaces them with ASCII art representations. It detects and preserves comment styles (forward slash forward slash, hash, double-dash, forward slash asterisk), automatically manages Node.js dependencies, and supports 400+ fonts (defaulting to the standard font). The skill should be used when a user requests converting marked text in a file to ASCII art using figlet tag syntax, or when they want to list available fonts.
Generate semantic branch names from work item metadata following conventions
Creates animated diagrams and professional infographics using Chart.js 4.x with: Auto-activates when user mentions: diagram, chart, graph, infographic, visualization, data visualization, data viz, line chart, bar chart, pie chart
UI component definitions for the East language. Use when building UIs with @elaraai/east-ui. Triggers for: (1) Creating UI components with Stack, Box, Grid, Card, Text, Button, (2) Building forms with Input, Select, Checkbox, Switch, Slider, (3) Displaying data with Table, DataList, Chart, Badge, Tag, Stat, (4) Using overlays like Dialog, Drawer, Popover, Tooltip, Menu, (5) Working with UIComponentType, (6) Styling with variants (FontWeight, TextAlign, ColorScheme, Size).
Create ECS component editors using IComponentEditor interface, ComponentEditorRegistry.DrawComponent wrapper, VectorPanel for vectors, and UIPropertyRenderer for simple properties. Covers registration in DI container and manual change detection patterns.
Generate ES5-compliant JavaScript for Google Tag Manager Custom HTML tags. Use when writing GTM tags, dataLayer code, or analytics implementations.
CLI tools for Are.na: export blocks, enrich with vision AI, generate views. Use when: (1) exporting Are.na blocks incrementally, (2) enriching images with AI-generated titles/tags/patterns, (3) generating browsable HTML views, (4) searching blocks by UI patterns or tags, (5) visual search results when terminal output is insufficient. Triggers: "export arena", "enrich arena", "sync arena", "arena view", "search arena for [pattern]", "show me [pattern]".
Review code changes using Hyperlane Warp UI coding standards. Use when reviewing PRs, checking your own changes, or doing self-review before committing.
Post a single consolidated PR review with summary and inline comments. Use this skill to deliver code review feedback as one unified review per run.
ไป่ช็ถ่ฏญ่จๆ่ฟฐ็ๆY3็ผ่พๅจUI้ขๆฟJSONๆไปถใๅทฅไฝๆต๏ผ็จๆทๆ่ฟฐUI้ๆฑ โ ็ๆHTMLๅธๅฑ้ข่ง โ ่ฝฌๆขไธบY3 JSONใๅฝ็จๆทๆณ่ฆๅๅปบๆฐ็UI็ปๆฟใ็ๆUIๅธๅฑใไปๆ่ฟฐ็ๆ็้ขๆถไฝฟ็จใ่งฆๅ่ฏ๏ผ็ๆUIใๅๅปบ็ปๆฟใ็ๆ้ขๆฟJSONใUI็ๆใๆฐๅปบUIใไปๆ่ฟฐ็ๆ็้ขใgenerate UIใcreate panelใๆณจๆ๏ผๆฌๆ่ฝไธๆณจไบ็ๆUI JSON็ปๆๆไปถ๏ผไธๆถๅLua้ป่พไปฃ็ ๏ผLuaไปฃ็ ่ฏทไฝฟ็จ y3-ui-builder ๆ่ฝ๏ผใ
ๅ ๅฎน่ฏญๆฐ่ฐๆดๆ่ฝ๏ผๆไพใ็งป้คๆจกๅ่ ่ฐใ็ญไธค็งๆๆฌ้ฃๆ ผ่ฐๆดๆนๅใ้่ฟไบคไบๅผ่ฏข้ฎ็จๆทๆๅพ๏ผๅ ่ฝฝๅฏนๅบ่งๅ๏ผ่ฟ่กๆๆฌๆนๅใ
Manage aesthetic templates - save visual systems from completed mockups as interpretable prose, apply to new plugins with adaptive layouts
Create aesthetic templates without first creating a plugin - capture visual design concepts through adaptive questioning. Use when you want to build a library of visual systems before plugin implementation.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Develop Web IDE using Codeblitz (OpenSumi). Create customized IDE with WebDAV filesystem support, default layout configurations, and integrated terminal. Use this skill when building browser-based code editors.
Reviews code changes for quality, security, and best practices.