match-existing-design-system-before-editing

Name: match-existing-design-system-before-editing
Author: surenode-ai

SKILLWorkflowcommunity

v0.0.0surenode-aiApache-2.0Updated 2mo agoSource →

Before adding new UI elements to an existing site, read the stylesheet to extract design tokens (colors, radii, font, button classes) so new elements look native.

Community-submitted skill. Not yet reviewed by the Forge team. Full prompt content may not be available.Request review →

10Repo stars

1Clients

1Formats

2mo agoLast update

Skill

Authorsurenode-ai

Version0.0.0

LicenseApache-2.0

CategoryWorkflow

Formatsskill.md

PromptNot published

Compatibility

Claude✓ Supported

Cursor—

Copilot—

ChatGPT—

Gemini—

About

Before adding new UI elements to an existing site, read the stylesheet to extract design tokens (colors, radii, font, button classes) so new elements look native.

Keywords

skillclaude

No dependency coverage

This entry publishes no npm package, so Forge has no dependency tree for it. That is a gap in coverage — not a statement that it has no dependencies.

Topics

Related in design tools

nextlevelbuilder/ui-ux-pro-max-skillAn AI SKILL that provide design intelligence for building professional UI/UX multiple plat
nexu-io/open-design🎨 Local-first, open-source Claude Design alternative. 🖥️ Native desktop app. ⚡ 259+ Skil
Leonxlnx/taste-skillTaste-Skill - gives your AI good taste. stops the AI from generating boring, generic slop
Donchitos/Claude-Code-Game-StudiosTurn Claude Code into a full game dev studio — 49 AI agents, 72 workflow skills, and a com
GLips/Figma-Context-MCPMCP server to provide Figma layout information to AI coding agents like Cursor
grab/cursor-talk-to-figma-mcpTalkToFigma: MCP integration between AI Agent (Cursor, Claude Code) and Figma, allowing Ag
nexu-io/html-anything✨ The agentic HTML editor — your local AI agent writes the HTML, you ship it. 🚀 75 Skills
figma-developer-mcpGive your coding agent access to your Figma data. Implement designs in any framework in on