New: 97,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Test Component

by gluestack in gluestack/gluestack-ui

Comprehensive testing of gluestack-ui components across platforms and apps

No licenceAuto-check passedFrontend & Design

Install Test Component

skills CLI
$ npx skills add gluestack/gluestack-ui --skill test-component -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install gluestack/gluestack-ui test-component --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/gluestack/gluestack-ui.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.claude/skills/test-component .claude/skills/test-component && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
test-component
GitHub stars
5.3k
Token cost
~3.2k tokens
SKILL.md length
417 words
Files
1
Skills in repo
11
Repo updated
First seen
Licence
None found

At a glance

Comprehensive testing of gluestack-ui components across platforms and apps

  • Works in 10 steps: Test Environment Setup → Kitchen Sink App Testing → Website App Testing → …
  • Tasks that involve Accessibility
  • SKILL.md covers Testing Scope, Workflow, Quick Test Commands and Best Practices
  • Calls yarn and npx

What it does

Test Component is an agent skill from gluestack/gluestack-ui. Comprehensive testing of gluestack-ui components across platforms and apps

Its SKILL.md is about 3.2k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Frontend & Design, covering Accessibility and Design systems. It works with Android and iOS. The repository describes itself as: React & React Native Components & Patterns (copy-paste components & patterns crafted with Tailwind CSS (NativeWind)).

When your agent uses it

  • Tasks that involve Accessibility
  • Tasks that involve Design systems

Example prompts

  • “/test-component”

Requirements

  • Node.js

Workflow steps

10 steps, taken from the step headings in SKILL.md.

  1. Test Environment Setup
  2. Kitchen Sink App Testing
  3. Website App Testing
  4. Accessibility Testing
  5. Variant Testing
  6. Performance Testing
  7. Edge Cases & Error Handling
  8. Integration Testing
  9. Report Results
  10. Fix Issues (if needed)

What it can do on your machine

Read from SKILL.md and the folder at commit b712c85. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • yarn
    • npx

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md. Its commands use yarn and npx, which can reach the network depending on how they are called.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Test Component loads about 3.2k tokens when it runs. Until then it costs about 22 tokens; SKILL.md has 417 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~22
When it runs · the whole SKILL.md, loaded when a task matches
~3.2k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

Without a licence we can't republish the file, so here is its outline and opening line. It has 417 words (~3,166 tokens).

“Comprehensive testing workflow for gluestack-ui components to ensure cross-platform compatibility, accessibility, and quality.”

— opening of SKILL.md by gluestack
name
test-component

Read the full SKILL.md on GitHub

Files

Just SKILL.md in .claude/skills/test-component of gluestack/gluestack-ui.

Open the folder on GitHubat commit b712c85

Compare with similar skills

Test Component next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Test Component compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Test Component this skillgluestack/gluestack-ui5.3k—~3.2kAutomated safety check: PassNone
Penpot Uiux Designgithub/awesome-copilot40k1 repos~3kAutomated safety check: PassMIT
App UI Designmajiayu000/spellbook286—~2.9kAutomated safety check: PassMIT
AccessibilityGetStream/stream-chat-react-native1.2k—~6.5kAutomated safety check: PassCustom licence
Material Design 3 UI/UX Guideskydashnet/material-design-3-ui-skill130—~3kAutomated safety check: PassMIT
AccessibilityVeryGoodOpenSource/vgv-ai-flutter-plugin169—~4.2kAutomated safety check: PassMIT

Similar skills

  • Penpot Uiux Design

    github/awesome-copilot

    Official

    Comprehensive guide for creating professional UI/UX designs in Penpot using MCP tools.

    40k GitHub starsUsed in 1 repo~3k tokens
    Frontend & DesignAuto-check passed

  • App UI Design

    majiayu000/spellbook

    Mobile app UI design expert for iOS and Android. An agent skill from majiayu000/spellbook.

    286 GitHub stars~2.9k tokensUpdated yesterday
    Frontend & DesignAuto-check passed

  • Accessibility

    GetStream/stream-chat-react-native

    Maintain VoiceOver/TalkBack-focused accessibility in stream-chat-react-native.

    1.2k GitHub stars~6.5k tokensUpdated today
    Frontend & DesignAuto-check passed

  • Material Design 3 UI/UX Guide

    skydashnet/material-design-3-ui-skill

    Guides designing, reviewing or implementing interfaces that follow Google's Material Design 3 system: semantic tokens, component states, adaptive layout and accessibility.

    130 GitHub stars~3k tokensUpdated 7 days ago
    Frontend & DesignAuto-check passed

  • Accessibility

    VeryGoodOpenSource/vgv-ai-flutter-plugin

    Audits or remediates Flutter widgets against WCAG 2.2 conformance levels A, AA, or AAA across iOS, Android, Web, macOS, Windows, and Linux, covering Semantics labels and screen reader output under…

    169 GitHub stars~4.2k tokensUpdated yesterday
    Frontend & DesignAuto-check passed

  • Maui Accessibility

    davidortinau/maui-skills

    Guide for making .NET MAUI apps accessible — screen reader support via SemanticProperties, heading levels, AutomationProperties visibility control, programmatic focus and announcements, and…

    174 GitHub stars~974 tokensUpdated 3 mo ago
    Frontend & DesignAuto-check passed

More from gluestack/gluestack-ui

All 11 skills in this repo

  • Monorepo Management

    gluestack/gluestack-ui

    Master monorepo management with Turborepo, Nx, and pnpm workspaces to build efficient, scalable multi-package repositories with optimized builds and dependency management.

    5.3k GitHub starsUsed in 11 repos~3.2k tokens
    Auto-check: warnings

  • Creating Reanimated Animations

    gluestack/gluestack-ui

    Generate React Native Reanimated animation code for React Native apps.

    5.3k GitHub stars~2.4k tokensUpdated 1 mo ago
    Auto-check passed

  • Contribute

    gluestack/gluestack-ui

    Main entry point for gluestack-ui contributor tasks and workflows

    5.3k GitHub stars~857 tokensUpdated 1 mo ago
    Auto-check passed

  • Create Docs

    gluestack/gluestack-ui

    Create or update component documentation with examples, API reference, and best practices

    5.3k GitHub stars~3.3k tokensUpdated 1 mo ago
    Auto-check passed

  • Create Package

    gluestack/gluestack-ui

    Create or modify gluestack-core and gluestack-utils packages for component creators and utilities

    5.3k GitHub stars~4.6k tokensUpdated 1 mo ago
    Auto-check passed

  • Enhance Component

    gluestack/gluestack-ui

    Improve or extend an existing gluestack-ui component with new features, variants, or fixes

    5.3k GitHub stars~2.5k tokensUpdated 1 mo ago
    Auto-check passed

Works with

Categories

Questions about Test Component

What does Test Component do?

Comprehensive testing of gluestack-ui components across platforms and apps. Test Component is an agent skill from gluestack/gluestack-ui.

When should I use Test Component?

Test Component fits situations like: tasks that involve Accessibility; tasks that involve Design systems.

How do I install Test Component in Claude Code?

Run `npx skills add gluestack/gluestack-ui --skill test-component -a claude-code`. Or copy the skill folder (.claude/skills/test-component in gluestack/gluestack-ui) into .claude/skills/test-component in your project. Claude Code loads it when a task matches its description.

How do I install Test Component in Codex?

Run `npx skills add gluestack/gluestack-ui --skill test-component -a codex`. Or copy the skill folder (.claude/skills/test-component in gluestack/gluestack-ui) into .agents/skills/test-component in your project. Codex loads it when a task matches its description.

Can I use Test Component in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add gluestack/gluestack-ui --skill test-component -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/test-component, .gemini/skills/test-component, .github/skills/test-component and .opencode/skills/test-component in your project.

What does Test Component need to run?

Going by SKILL.md and its folder, Test Component needs the command-line tools its instructions call (yarn and npx). Our summary lists: Node.js.

Does Test Component access the network?

SKILL.md contains no URLs. Its commands use npx, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Test Component safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Test Component use?

No licence was found for Test Component or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.

How many tokens does Test Component use?

About 3.2k tokens (SKILL.md is roughly 13k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Test Component?

Skills that share tags, products or a category with Test Component: Penpot Uiux Design (github/awesome-copilot, 40k stars), App UI Design (majiayu000/spellbook, 286 stars), Accessibility (GetStream/stream-chat-react-native, 1.2k stars) and Material Design 3 UI/UX Guide (skydashnet/material-design-3-ui-skill, 130 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Test Component?

gluestack (a GitHub organization) maintains it in gluestack/gluestack-ui, which has 5,322 GitHub stars. The repository holds 11 skills in this directory. The repository was last updated on September 2, 2026.

Source: gluestack/gluestack-ui on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.