CtrlK
BlogDocsLog inGet started
Tessl Logo

cds-design-to-code

Turns frontend designs from Figma into CDS-first React or React Native code. Use this skill whenever the user shares a Figma URL such as `figma.com/design/...?...node-id=...` while working in a frontend application context.

86

Quality

83%

Does it follow best practices?

Impact

No eval scenarios have been run

SecuritybySnyk

Advisory

Suggest reviewing before use

SKILL.md
Quality
Evals
Security

Security

2 findings — 2 medium severity. This skill can be installed but you should review these findings before use.

Medium

W011: Third-party content exposure detected (indirect prompt injection risk)

What this means

The skill exposes the agent to untrusted, user-generated content from public third-party sources, creating a risk of indirect prompt injection. This includes browsing arbitrary URLs, reading social media posts or forum comments, and analyzing content from unknown websites.

Why it was flagged

Third-party content exposure detected (high risk: 1.00). The skill explicitly instructs the agent to call the Figma MCP server (get_design_context, get_screenshot, get_metadata) and download assets from arbitrary Figma URLs (see SKILL.md Steps 2–4), and then to interpret that untrusted, user-generated design content to drive component selection and code-generation decisions—therefore it ingests third-party content that can materially influence actions.

Report incorrect finding
Medium

W012: Unverifiable external dependency detected (runtime URL that controls agent)

What this means

The skill fetches instructions or code from an external URL at runtime, and the fetched content directly controls the agent’s prompts or executes code. This dynamic dependency allows the external source to modify the agent’s behavior without any changes to the skill itself.

Why it was flagged

Potentially malicious external URL detected (high risk: 0.80). The skill requires and at runtime fetches user-provided Figma node URLs (e.g. https://figma.com/design/:fileKey/:fileName?node-id=...) via the Figma MCP server (get_design_context/get_screenshot) and injects that fetched design/CodeConnect snippet content into the agent context to drive implementation, so the external Figma URL directly controls prompts/results.

Repository
coinbase/cds
Audited
Security analysis
Snyk

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.