{"id":"ff63b6da-ad9d-434d-8d13-c841d2439441","shortId":"fXgAkH","kind":"skill","title":"Build and debug interactive WordPress frontends with data-wp directives","tagline":"This skill helps an agent create or troubleshoot WordPress Interactivity API behavior, from store wiring to server-rendered state and hydration checks. Use it when a block, theme, or plugin needs directive-driven interactivity rather than ad hoc frontend glue.","description":"# Build and debug interactive WordPress frontends with data-wp directives\n\nThis skill helps an agent create or troubleshoot WordPress Interactivity API behavior, from store wiring to server-rendered state and hydration checks. Use it when a block, theme, or plugin needs directive-driven interactivity rather than ad hoc frontend glue.\n\n## Prerequisites\n\nNode.js; filesystem access; WordPress block tooling; optional WP-CLI\n\n## Installation\n\nUse the upstream install or setup path that matches your environment:\n- git clone https://github.com/WordPress/agent-skills.git\n\nRequirements and caveats from upstream:\n- node shared/scripts/skillpack-build.mjs --clean\n- node shared/scripts/skillpack-install.mjs --global\n- node shared/scripts/skillpack-install.mjs --global --skills=wp-playground,wp-block-development\n\nBasic usage or getting-started notes:\n- bash\n- # Clone agent-skills\n- cd agent-skills\n\n- Source: https://github.com/WordPress/agent-skills/tree/trunk/skills/wp-interactivity-api\n- Extracted from upstream docs: https://raw.githubusercontent.com/WordPress/agent-skills/HEAD/README.md\n\n## Documentation\n\n- https://github.com/WordPress/agent-skills\n\n## Source\n\n- [Agent Skill Exchange](https://agentskillexchange.com/skills/build-and-debug-interactive-wordpress-frontends-with-data-wp-directives/)","tags":["build","and","debug","interactive","wordpress","frontends","with","data","directives","skills","agentskillexchange","agent-skills"],"capabilities":["skill","source-agentskillexchange","skill-build-and-debug-interactive-wordpress-frontends-with-data-wp-directives","topic-agent-skills","topic-ai-agents","topic-ai-tools","topic-awesome-list","topic-claude-code","topic-codex","topic-cursor","topic-llm","topic-mcp","topic-npx-skills","topic-openclaw","topic-skills-catalog"],"categories":["skills"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/agentskillexchange/skills/build-and-debug-interactive-wordpress-frontends-with-data-wp-directives","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add agentskillexchange/skills","source_repo":"https://github.com/agentskillexchange/skills","install_from":"skills.sh"}},"qualityScore":"0.454","qualityRationale":"deterministic score 0.45 from registry signals: · indexed on github topic:agent-skills · 8 github stars · SKILL.md body (1,305 chars)","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill-github:v1","enrichmentVersion":1,"enrichedAt":"2026-05-18T19:09:41.049Z","embedding":null,"createdAt":"2026-05-18T13:15:29.751Z","updatedAt":"2026-05-18T19:09:41.049Z","lastSeenAt":"2026-05-18T19:09:41.049Z","tsv":"'/skills/build-and-debug-interactive-wordpress-frontends-with-data-wp-directives/)':194 '/wordpress/agent-skills':187 '/wordpress/agent-skills.git':134 '/wordpress/agent-skills/head/readme.md':183 '/wordpress/agent-skills/tree/trunk/skills/wp-interactivity-api':176 'access':110 'ad':50,103 'agent':16,69,167,171,189 'agent-skil':166,170 'agentskillexchange.com':193 'agentskillexchange.com/skills/build-and-debug-interactive-wordpress-frontends-with-data-wp-directives/)':192 'api':22,75 'bash':164 'basic':157 'behavior':23,76 'block':39,92,112,155 'build':1,54 'caveat':137 'cd':169 'check':34,87 'clean':142 'cli':117 'clone':131,165 'creat':17,70 'data':9,62 'data-wp':8,61 'debug':3,56 'develop':156 'direct':11,45,64,98 'directive-driven':44,97 'doc':180 'document':184 'driven':46,99 'environ':129 'exchang':191 'extract':177 'filesystem':109 'frontend':6,52,59,105 'get':161 'getting-start':160 'git':130 'github.com':133,175,186 'github.com/wordpress/agent-skills':185 'github.com/wordpress/agent-skills.git':132 'github.com/wordpress/agent-skills/tree/trunk/skills/wp-interactivity-api':174 'global':145,148 'glue':53,106 'help':14,67 'hoc':51,104 'hydrat':33,86 'instal':118,122 'interact':4,21,47,57,74,100 'match':127 'need':43,96 'node':140,143,146 'node.js':108 'note':163 'option':114 'path':125 'playground':152 'plugin':42,95 'prerequisit':107 'rather':48,101 'raw.githubusercontent.com':182 'raw.githubusercontent.com/wordpress/agent-skills/head/readme.md':181 'render':30,83 'requir':135 'server':29,82 'server-rend':28,81 'setup':124 'shared/scripts/skillpack-build.mjs':141 'shared/scripts/skillpack-install.mjs':144,147 'skill':13,66,149,168,172,190 'skill-build-and-debug-interactive-wordpress-frontends-with-data-wp-directives' 'sourc':173,188 'source-agentskillexchange' 'start':162 'state':31,84 'store':25,78 'theme':40,93 'tool':113 'topic-agent-skills' 'topic-ai-agents' 'topic-ai-tools' 'topic-awesome-list' 'topic-claude-code' 'topic-codex' 'topic-cursor' 'topic-llm' 'topic-mcp' 'topic-npx-skills' 'topic-openclaw' 'topic-skills-catalog' 'troubleshoot':19,72 'upstream':121,139,179 'usag':158 'use':35,88,119 'wire':26,79 'wordpress':5,20,58,73,111 'wp':10,63,116,151,154 'wp-block-develop':153 'wp-cli':115 'wp-playground':150","prices":[{"id":"647f9186-2f96-4162-8cd3-4c10645ab4cb","listingId":"ff63b6da-ad9d-434d-8d13-c841d2439441","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"agentskillexchange","category":"skills","install_from":"skills.sh"},"createdAt":"2026-05-18T13:15:29.751Z"}],"sources":[{"listingId":"ff63b6da-ad9d-434d-8d13-c841d2439441","source":"github","sourceId":"agentskillexchange/skills/build-and-debug-interactive-wordpress-frontends-with-data-wp-directives","sourceUrl":"https://github.com/agentskillexchange/skills/tree/main/skills/build-and-debug-interactive-wordpress-frontends-with-data-wp-directives","isPrimary":false,"firstSeenAt":"2026-05-18T13:15:29.751Z","lastSeenAt":"2026-05-18T19:09:41.049Z"}],"details":{"listingId":"ff63b6da-ad9d-434d-8d13-c841d2439441","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"agentskillexchange","slug":"build-and-debug-interactive-wordpress-frontends-with-data-wp-directives","github":{"repo":"agentskillexchange/skills","stars":8,"topics":["agent-skills","ai-agents","ai-tools","awesome-list","claude-code","codex","cursor","llm","mcp","npx-skills","openclaw","skills-catalog"],"license":"mit","html_url":"https://github.com/agentskillexchange/skills","pushed_at":"2026-05-18T19:02:17Z","description":"The open catalog of AI agent skills — 2,000+ security-scanned skills for Claude Code, Cursor, Codex, and more.","skill_md_sha":"2ba317b311558232736c9b52072f2ed3cd82fe31","skill_md_path":"skills/build-and-debug-interactive-wordpress-frontends-with-data-wp-directives/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/agentskillexchange/skills/tree/main/skills/build-and-debug-interactive-wordpress-frontends-with-data-wp-directives"},"layout":"multi","source":"github","category":"skills","frontmatter":{"name":"Build and debug interactive WordPress frontends with data-wp directives","description":"This skill helps an agent create or troubleshoot WordPress Interactivity API behavior, from store wiring to server-rendered state and hydration checks. Use it when a block, theme, or plugin needs directive-driven interactivity rather than ad hoc frontend glue."},"skills_sh_url":"https://skills.sh/agentskillexchange/skills/build-and-debug-interactive-wordpress-frontends-with-data-wp-directives"},"updatedAt":"2026-05-18T19:09:41.049Z"}}