How do I install the Shared Styles skill?

Run npx skillmds@latest add tomjiu/shared-styles in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

What does the Shared Styles skill do?

Bind/unbind shared styles via textStyleId/fillStyleId/strokeStyleId/effectStyleId (bare nodeId or Style:key,ver; never `$`) It is listed under DevOps & Infra on SkillMD.

Is Shared Styles safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Shared Styles?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Shared Styles free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Shared Styles?

tomjiu (@tomjiu) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Shared Styles by tomjiu — Agent Skill

Name: Shared Styles
Author: tomjiu

File contents

Working with Shared Styles

Bind reusable shared styles (text / fill / stroke / effect) to nodes by GUID. The <StyleId> is the style nodeId.

Location	template
Local	`xxxStyleId:<StyleId>`
Team library	`xxxStyleId:<StyleId>, libraryKey:<LibraryKey>`

title=I(parent, {type: "text", content: "Heading", textStyleId: "<StyleId>"})

card=I(parent, {type: "frame", fillStyleId: "<StyleId>"})
card=U("nodeId", {strokeStyleId: "<StyleId>"})

card=U("nodeId", {effectStyleId: "<StyleId>"})

libraryCard=I(parent, {type: "frame", fillStyleId: "366:20", libraryKey: "693499159567438"})

Style Rules

ID format: pass the bare style nodeId. Do NOT prepend $ (that prefix is for variable references).
textStyleId is TEXT-only. fillStyleId / strokeStyleId apply to any node with fills/strokes. effectStyleId applies to any node with effects.
Style binding wins at render time over inline fontName/fills/strokes/effects — when binding a style, omit the matching literal property unless overriding for a single instance.
For team-library styles, pass styleId and libraryKey from search_styles.
To remove a style binding, set the field to null:

U("nodeId", {textStyleId: null, fillStyleId: null, strokeStyleId: null, effectStyleId: null})

Frequently asked questions

Shared Styles