Repository
trendmicro-frontend/tonic-ui agent skills
- skills
- 4
- GitHub stars
- 133
GitHub description: “Tonic UI is a UI component library for React, built with Emotion and Styled System. It is designed to be easy to use and easy to customize.”
- Stars
- 133 (40 forks)
- Licence
- MIT
- Last push
- Oct 2026
- Created
- Jan 2020
- emotion
- styled-system
- react
- react-components
- color-mode
- design-patterns
- design-system
- react-hooks
- theme
Install all skills
npx skills add trendmicro-frontend/tonic-uiAdd --skill <name> for a single skill and -a <agent> to choose the agent (see the agent guides).
Skills in trendmicro-frontend/tonic-ui, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 1 | Generate PR descriptions and changeset entries. An agent skill from trendmicro-frontend/tonic-ui. | trendmicro-frontend/ | 133 | — | ~2.7k | Automated safety check: Pass | MIT | yesterday |
| 2 | A skill your agent uses when adding JSDoc type definitions to React components in Tonic UI. | trendmicro-frontend/ | 133 | — | ~1.8k | Automated safety check: Pass | MIT | yesterday |
| 3 | Author and migrate the slots / slotProps API (the useSlot hook) in this design system's React components — the architecture where slots.x replaces an internal part and slotProps.x merges props into… | trendmicro-frontend/ | 133 | — | ~5.7k | Automated safety check: Pass | MIT | yesterday |
| 4 | Coding patterns extracted from tonic-ui repository. An agent skill from trendmicro-frontend/tonic-ui. | trendmicro-frontend/ | 133 | — | ~1.6k | Automated safety check: Pass | MIT | yesterday |
Questions, answered from the data.
What is the best skill in trendmicro-frontend/tonic-ui?
Tonic UI PR from trendmicro-frontend/tonic-ui ranks first of the 4 skills in trendmicro-frontend/tonic-ui listed here, with the highest score: its repository has 133 GitHub stars, its SKILL.md loads about 2.7k tokens and it passes the automated safety check with no findings. Next come Tonic UI Types and Tonic UI Slots.
Are the skills in trendmicro-frontend/tonic-ui official?
None yet. All 4 skills in trendmicro-frontend/tonic-ui listed here come from community repositories; a skill counts as official when the product's own GitHub organization publishes it.
How do I install all skills from trendmicro-frontend/tonic-ui?
Run npx skills add trendmicro-frontend/tonic-ui in your project: the open-source skills CLI installs the repository's skills into your coding agent's skills folder. To install a single skill, open its page here for the exact command.
How are these skills ranked?
By Skill Navigator score, which combines the GitHub stars of the skill's repository (shared across that repo's skills and discounted for large collections), how many other GitHub owners carry a copy of the skill, and automated SKILL.md quality checks, minus penalties for safety-check warnings and for each further skill from the same repository. Skills that fail the safety check are not listed.