Tseha.io agent skills for Claude Code, Cursor and RevampKey

3 ready-made playbooks that teach an AI agent how to do real Tseha.io work: which tools to call, what to check first, and when to stop and ask you.

Download RevampKey, free I have it: connect Tseha.io

Connect Tseha.io once and all 3 skills install themselves and stay up to date. Mac, Windows and Linux.

All 3 Tseha.io skills

Each skill is one job. You ask in plain words and the agent loads the skill that matches, then follows its steps.

Start hereRead-only9 Tseha.io tools

Use Tseha's design system with AI, safely and read-only

Connects your agent to your Tseha design system so it confirms the right project and package, finds the right components and tokens, and handles sign-in and rate-limit errors. The server is read-only, so it never changes your system.

Use it when

You are about to write UI code and want the agent to use your team's real components and tokens
A Tseha lookup returned nothing or an error and you need to know why
Your team asks how to connect Tseha without giving the agent write access

Tools it uses

list_projects
list_packages
list_components
search_components
get_component
get_style_tokens
get_style
get_standards
get_component_updates

Example

Which Tseha project and package are active, and which button component should I use for a primary action?

Your project is Storefront (id: 4821), and the active package is ui-core. The closest match for a primary action is Button, with a 'variant' prop set to primary. I did not change anything in Tseha, which is read-only.

Use in RevampKeyRead the full skill →

Read-only8 Tseha.io tools

Check component adoption in Tseha before building UI

Looks up the existing Tseha components, props and design tokens for a feature before the agent writes any UI code, so it reuses the design system instead of inventing new components. It reports gaps rather than changing your active package or project settings.

Use it when

Adding a new screen, form or modal to a product built on the design system
Asking which component or colour token to use for a notice, table or input state
Checking whether a needed behaviour already exists before anyone forks a component

Tools it uses

list_projects
list_packages
list_components
search_components
get_component
get_style_tokens
get_style
get_standards

Example

I need a dismissable warning banner with an action button on the billing page. Which Tseha component and tokens should I use?

Use the Alert component from the active package @acme/ui, with the variant set to warning. Its action slot covers the button, and dismissal is handled by the onClose prop. Colour comes from the feedback-warning token and spacing from space-4. Dismissal is covered, so there is no gap to report.

Use in RevampKeyRead the full skill →

Read-only8 Tseha.io tools

Design system drift review for Tseha

Audits existing UI code against your Tseha design system, flagging hard-coded styles, hand-built components and outdated props, ranked by how much each hurts consistency. It proposes changes and asks before editing anything.

Use it when

A page looks off-brand and you want to know which values are hard-coded
You are about to upgrade a component library and want to find deprecated props first
A pull request touches shared UI and you want a drift check before merging

Tools it uses

list_projects
list_packages
get_standards
get_style
get_style_tokens
search_components
get_component
get_component_updates

Example

Audit the checkout screens against our design system and tell me what has drifted, most urgent first.

Checked 3 files in the checkout project against the active package. High: the submit button hard-codes #1a6fd6 where the primary colour token applies, and the address form uses a deprecated size prop. Medium: a hand-built modal duplicates an existing dialog component. Two findings have no matching token and are listed as system gaps. Nothing has been edited yet; say the word and I will prepare the changes.

Use in RevampKeyRead the full skill →

Get all 3 without copying a file

RevampKey adds the skills when you connect Tseha.io, updates them for you and removes them when you disconnect.

Download RevampKey

How Tseha.io skills work

Connect Tseha.io
The Tseha.io MCP server gives the agent its tools.
Ask in plain words
“I need a dismissable warning banner with an action button on the billing page. Which Tseha component and tokens should I use?” Each SKILL.md says when it applies, so only the one that fits is loaded.
Approve any change
The agent calls the tools in order, checks its work, and shows you any change before it makes it.

How to install Tseha.io skills

In RevampKey the skills install themselves when you connect Tseha.io. In other tools each skill is one folder with a SKILL.md file, and you also need the Tseha.io MCP server connected there.

About 1 minute · nothing to copy

Download RevampKey for Mac, Windows or Linux and sign in.
Open Connectors and connect Tseha.io. All 3 skills come with it and stay up to date; they go away when you remove the connector.
Ask in plain language, for example “I need a dismissable warning banner with an action button on the billing page. Which Tseha component and tokens should I use?”
Download RevampKeyConnect Tseha.io · 1 click
Get RevampKey to connect Tseha.io
RevampKey is a free desktop app for Mac, Windows and Linux. Install it, sign in, and Tseha.io is one click away with its skills already attached.
Download RevampKey
Not now? Use the skills in your current tool
for s in essentials component-adoption-check design-system-drift-review; do curl -fsSL --create-dirs -o .claude/skills/tseha-$s/SKILL.md https://revampkey.com/marketplace/tseha/skills/$s/SKILL.md done
Other tools

Into this project’s .claude/skills folder

Connect the Tseha.io MCP server in Claude Code.

Run this in your project folder to add all 3 skills:

for s in essentials component-adoption-check design-system-drift-review; do
  curl -fsSL --create-dirs -o .claude/skills/tseha-$s/SKILL.md https://revampkey.com/marketplace/tseha/skills/$s/SKILL.md
done

Ask in plain language, for example “I need a dismissable warning banner with an action button on the billing page. Which Tseha component and tokens should I use?”

Into the shared .agents/skills folder

Connect the Tseha.io MCP server in Cursor.

Run this in your project folder to add all 3 skills:

for s in essentials component-adoption-check design-system-drift-review; do
  curl -fsSL --create-dirs -o .agents/skills/tseha-$s/SKILL.md https://revampkey.com/marketplace/tseha/skills/$s/SKILL.md
done

Ask in plain language, for example “I need a dismissable warning banner with an action button on the billing page. Which Tseha component and tokens should I use?”

Into the shared .agents/skills folder

Connect the Tseha.io MCP server in Codex.

Run this in your project folder to add all 3 skills:

for s in essentials component-adoption-check design-system-drift-review; do
  curl -fsSL --create-dirs -o .agents/skills/tseha-$s/SKILL.md https://revampkey.com/marketplace/tseha/skills/$s/SKILL.md
done

Ask in plain language, for example “I need a dismissable warning banner with an action button on the billing page. Which Tseha component and tokens should I use?”

Into the shared .agents/skills folder

Connect the Tseha.io MCP server in VS Code.

Run this in your project folder to add all 3 skills:

for s in essentials component-adoption-check design-system-drift-review; do
  curl -fsSL --create-dirs -o .agents/skills/tseha-$s/SKILL.md https://revampkey.com/marketplace/tseha/skills/$s/SKILL.md
done

Ask in plain language, for example “I need a dismissable warning banner with an action button on the billing page. Which Tseha component and tokens should I use?”

RevampKey or copy the files?

In RevampKey

One click when you connect Tseha.io
Updated for you when a skill improves
Removed when you disconnect
The MCP server is set up for you
800+ other connectors, same way

Download free

Copy into your project

One command per project
Run it again to get updates
You connect the Tseha.io MCP server yourself
Works in Claude Code, Cursor, Codex and VS Code

See the command

Tseha.io skills FAQ

What is a Tseha.io agent skill?

A SKILL.md file: a short playbook an AI agent loads when your request matches it. Each Tseha.io skill describes one job, which Tseha.io tools to use in which order, what to check first and when to stop and ask you.

Do the Tseha.io skills change anything on their own?

3 of the 3 only read. The others tell the agent to show you the change and wait for a yes before it creates, edits or deletes anything in Tseha.io.

Which tools can use these skills?

Any agent that reads the open Agent Skills format: Claude Code, Cursor, Codex, VS Code with Copilot and RevampKey. In RevampKey they are attached when you connect Tseha.io; elsewhere you copy the folders into your project or skills directory.

Do I need the Tseha.io MCP server too?

Yes. The skills tell the agent how to do the work; the Tseha.io MCP server gives it the tools to do it. The Tseha.io MCP setup guide covers every client.

Tseha.io MCP server setup · This page as Markdown

Put Tseha.io’s best workflows in your agent

Download RevampKey, connect Tseha.io and ask your first question in about a minute.

Download RevampKey Connect Tseha.io · 1 click

All 3 Tseha.io skills

Use Tseha's design system with AI, safely and read-only

Use it when

Tools it uses

Check component adoption in Tseha before building UI

Use it when

Tools it uses

Design system drift review for Tseha

Use it when

Tools it uses

Get all 3 without copying a file

How Tseha.io skills work

How to install Tseha.io skills

RevampKey or copy the files?

In RevampKey

Copy into your project

Tseha.io skills FAQ

Put Tseha.io’s best workflows in your agent

Skills for related tools