{"skill":{"slug":"jan-dh-figma-tailwindcss","name":"Figma Tailwindcss","description":"A plugin that tries to bridge the gap between designs and code. Figma tailwindcss lets you export aspects of a design made in Figma to a javascript theme file that you can import into your tailwindcss config","repository":"https://github.com/jan-dh/figma-tailwindcss"},"recommended_command":"npx skills add jan-dh/figma-tailwindcss","install_targets":[{"id":"openagentskill-cli","label":"CLI","title":"OpenAgentSkill CLI","kind":"command","value":"npx skills add jan-dh/figma-tailwindcss","description":"Use the registry command when your workflow supports the OpenAgentSkill installer.","copyLabel":"Copy command"},{"id":"codex","label":"Codex","title":"Codex install prompt","kind":"agent-prompt","value":"Install the \"Figma Tailwindcss\" agent skill from https://github.com/jan-dh/figma-tailwindcss. Read its SKILL.md or equivalent instructions first, install only the files needed for this workspace, and summarize any required setup before using it. Skill purpose: A plugin that tries to bridge the gap between designs and code. Figma tailwindcss lets you export aspects of a design made in Figma to a javascript theme file that you can import into your tailwindcss config","description":"Give Codex a repo-aware install prompt when the skill is not available through a local CLI.","copyLabel":"Copy prompt"},{"id":"claude-code","label":"Claude Code","title":"Claude Code skill prompt","kind":"agent-prompt","value":"Add \"Figma Tailwindcss\" as a Claude Code skill from https://github.com/jan-dh/figma-tailwindcss. Inspect the skill instructions, place the reusable skill files in the appropriate local skills location for this project, and report the activation steps. Skill purpose: A plugin that tries to bridge the gap between designs and code. Figma tailwindcss lets you export aspects of a design made in Figma to a javascript theme file that you can import into your tailwindcss config","description":"Use this prompt to ask Claude Code to add the skill and explain the local activation steps.","copyLabel":"Copy prompt"},{"id":"cursor","label":"Cursor","title":"Cursor rule prompt","kind":"agent-prompt","value":"Turn \"Figma Tailwindcss\" from https://github.com/jan-dh/figma-tailwindcss into a reusable Cursor project rule or agent instruction. Preserve the core workflow, adapt paths to this repo, and keep the rule scoped to tasks where it is relevant. Skill purpose: A plugin that tries to bridge the gap between designs and code. Figma tailwindcss lets you export aspects of a design made in Figma to a javascript theme file that you can import into your tailwindcss config","description":"Use this when installing as Cursor project rules or reusable agent instructions.","copyLabel":"Copy prompt"}],"safety_gate":{"tier":"reviewed","label":"Reviewed with permission notes","badge":"REVIEWED","auto_install_policy":"review","auto_install_allowed":false,"human_review_required":true,"blocked":false,"recommended_action":"Require human approval before installing into a real workspace.","reasons":["License is unclear","60/100 agent safety score"]},"agent_prompt":"Install the \"Figma Tailwindcss\" agent skill only after reviewing the OpenAgentSkill profile and source repository. Safety gate: Reviewed with permission notes (review). Start with https://www.openagentskill.com/skills/jan-dh-figma-tailwindcss, inspect the trust and audit notes, then use the recommended install handoff: npx skills add jan-dh/figma-tailwindcss. After installation, summarize changed files, required setup, and a minimal verification result before using the skill for real work.","safety_checklist":["Safety gate: Reviewed with permission notes. Policy: review.","Require human approval before installing into a real workspace.","Review the repository and license before running third-party code.","Prefer a sandbox or isolated project when testing a new skill.","Start with the recommended command, then inspect generated files before committing changes.","Do not execute external side effects, payments, account changes, or credentialed actions without explicit user approval."],"verification_steps":["Open the skill documentation or SKILL.md and identify required setup.","Run the smallest safe example for the target task.","Confirm outputs match the task before allowing broader agent use.","Record any missing credentials, policy risks, or manual approvals needed."],"do_not_auto_install_when":["The repository or license cannot be reviewed.","The skill requires broad credentials or production account access.","The task involves regulated, private, or high-impact data without user approval."],"urls":{"web":"https://www.openagentskill.com/skills/jan-dh-figma-tailwindcss","api":"https://www.openagentskill.com/api/agent/skills/jan-dh-figma-tailwindcss","install_api":"https://www.openagentskill.com/api/skills/jan-dh-figma-tailwindcss/install","repository":"https://github.com/jan-dh/figma-tailwindcss"},"meta":{"agent_friendly":true,"api_version":"1.0","generated_at":"2026-07-03T23:55:51.589Z"}}