[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M71TNJSFYC5PR4FPSBRR5CHS":3,"skill-same:01M71TNJSFYC5PR4FPSBRR5CHS":75},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":15,"categories":16,"keywords":25,"publishedAt":46,"linkOnly":47,"markdownContent":48,"markdownBody":49,"frontMatter":50,"refName":55,"commitSha":56,"skillDirectory":57,"forksCount":13,"repositoryHtmlUrl":58,"repositoryHomepageUrl":6,"ownerHtmlUrl":59,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":60,"install":61,"resources":74},"01M71TNJSFYC5PR4FPSBRR5CHS","wordpress-theme-development",null,"WordPress theme development workflow covering theme architecture, template hierarchy, custom post types, block editor support, and responsive design.","javiertarazon\u002Fide-agente-free-jt7-","javiertarazon","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F153141207?v=4","01M71R52TB3S9HXKH6WSNT8A7V","01M71R52VG5KS2DKDDH4GDQ30A",0,"MIT","https:\u002F\u002Fgithub.com\u002Fjaviertarazon\u002Fide-agente-free-jt7-\u002Fblob\u002Frelease\u002Fv4.2.11-panel-pro\u002F.github\u002Fskills\u002Fwordpress-theme-development\u002FSKILL.md",[17,22],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000015","视觉设计","SCENARIO","使用场景",{"categoryNo":23,"categoryName":24,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000023","Skill与智能体开发",[26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45],"development","wordpress","wordpress theme development","theme","responsive","bundle","block","safe","support","editor","template","responsive design","post","hierarchy","development workflow","architecture","workflow","design","custom","types","2026-11-10 13:02:02",false,"---\nname: wordpress-theme-development\ndescription: \"WordPress theme development workflow covering theme architecture, template hierarchy, custom post types, block editor support, and responsive design.\"\nsource: personal\nrisk: safe\ndomain: wordpress-development\ncategory: granular-workflow-bundle\nversion: 1.0.0\n---\n\n# WordPress Theme Development Workflow\n\n## Overview\n\nSpecialized workflow for creating custom WordPress themes from scratch, including modern block editor (Gutenberg) support, template hierarchy, and responsive design.\n\n## When to Use This Workflow\n\nUse this workflow when:\n- Creating custom WordPress themes\n- Converting designs to WordPress themes\n- Adding block editor support\n- Implementing custom post types\n- Building child themes\n\n## Workflow Phases\n\n### Phase 1: Theme Setup\n\n#### Skills to Invoke\n- `app-builder` - Project scaffolding\n- `frontend-developer` - Frontend development\n\n#### Actions\n1. Create theme directory structure\n2. Set up style.css with theme header\n3. Create functions.php\n4. Configure theme support\n5. Set up enqueue scripts\u002Fstyles\n\n#### Copy-Paste Prompts\n```\nUse @app-builder to scaffold a new WordPress theme project\n```\n\n### Phase 2: Template Hierarchy\n\n#### Skills to Invoke\n- `frontend-developer` - Template development\n\n#### Actions\n1. Create index.php (fallback template)\n2. Implement header.php and footer.php\n3. Create single.php for posts\n4. Create page.php for pages\n5. Add archive.php for archives\n6. Implement search.php and 404.php\n\n#### Copy-Paste Prompts\n```\nUse @frontend-developer to create WordPress template files\n```\n\n### Phase 3: Theme Functions\n\n#### Skills to Invoke\n- `backend-dev-guidelines` - Backend patterns\n\n#### Actions\n1. Register navigation menus\n2. Add theme support (thumbnails, RSS, etc.)\n3. Register widget areas\n4. Create custom template tags\n5. Implement helper functions\n\n#### Copy-Paste Prompts\n```\nUse @backend-dev-guidelines to create theme functions\n```\n\n### Phase 4: Custom Post Types\n\n#### Skills to Invoke\n- `wordpress-penetration-testing` - WordPress patterns\n\n#### Actions\n1. Register custom post types\n2. Create custom taxonomies\n3. Add custom meta boxes\n4. Implement custom fields\n5. Create archive templates\n\n#### Copy-Paste Prompts\n```\nUse @wordpress-penetration-testing to understand WordPress CPT patterns\n```\n\n### Phase 5: Block Editor Support\n\n#### Skills to Invoke\n- `frontend-developer` - Block development\n\n#### Actions\n1. Enable block editor support\n2. Register custom blocks\n3. Create block styles\n4. Add block patterns\n5. Configure block templates\n\n#### Copy-Paste Prompts\n```\nUse @frontend-developer to create custom Gutenberg blocks\n```\n\n### Phase 6: Styling and Design\n\n#### Skills to Invoke\n- `frontend-design` - UI design\n- `tailwind-patterns` - Tailwind CSS\n\n#### Actions\n1. Implement responsive design\n2. Add CSS framework or custom styles\n3. Create design system\n4. Implement theme customizer\n5. Add accessibility features\n\n#### Copy-Paste Prompts\n```\nUse @frontend-design to create responsive theme design\n```\n\n### Phase 7: Testing\n\n#### Skills to Invoke\n- `playwright-skill` - Browser testing\n- `webapp-testing` - Web app testing\n\n#### Actions\n1. Test across browsers\n2. Verify responsive breakpoints\n3. Test block editor\n4. Check accessibility\n5. Performance testing\n\n#### Copy-Paste Prompts\n```\nUse @playwright-skill to test WordPress theme\n```\n\n## Theme Structure\n\n```\ntheme-name\u002F\n├── style.css\n├── functions.php\n├── index.php\n├── header.php\n├── footer.php\n├── sidebar.php\n├── single.php\n├── page.php\n├── archive.php\n├── search.php\n├── 404.php\n├── comments.php\n├── template-parts\u002F\n├── inc\u002F\n├── assets\u002F\n│   ├── css\u002F\n│   ├── js\u002F\n│   └── images\u002F\n└── languages\u002F\n```\n\n## Quality Gates\n\n- [ ] All templates working\n- [ ] Block editor supported\n- [ ] Responsive design verified\n- [ ] Accessibility checked\n- [ ] Performance optimized\n- [ ] Cross-browser tested\n\n## Related Workflow Bundles\n\n- `wordpress` - WordPress development\n- `wordpress-plugin-development` - Plugin development\n- `wordpress-woocommerce` - WooCommerce\n","# WordPress Theme Development Workflow\n\n## Overview\n\nSpecialized workflow for creating custom WordPress themes from scratch, including modern block editor (Gutenberg) support, template hierarchy, and responsive design.\n\n## When to Use This Workflow\n\nUse this workflow when:\n- Creating custom WordPress themes\n- Converting designs to WordPress themes\n- Adding block editor support\n- Implementing custom post types\n- Building child themes\n\n## Workflow Phases\n\n### Phase 1: Theme Setup\n\n#### Skills to Invoke\n- `app-builder` - Project scaffolding\n- `frontend-developer` - Frontend development\n\n#### Actions\n1. Create theme directory structure\n2. Set up style.css with theme header\n3. Create functions.php\n4. Configure theme support\n5. Set up enqueue scripts\u002Fstyles\n\n#### Copy-Paste Prompts\n```\nUse @app-builder to scaffold a new WordPress theme project\n```\n\n### Phase 2: Template Hierarchy\n\n#### Skills to Invoke\n- `frontend-developer` - Template development\n\n#### Actions\n1. Create index.php (fallback template)\n2. Implement header.php and footer.php\n3. Create single.php for posts\n4. Create page.php for pages\n5. Add archive.php for archives\n6. Implement search.php and 404.php\n\n#### Copy-Paste Prompts\n```\nUse @frontend-developer to create WordPress template files\n```\n\n### Phase 3: Theme Functions\n\n#### Skills to Invoke\n- `backend-dev-guidelines` - Backend patterns\n\n#### Actions\n1. Register navigation menus\n2. Add theme support (thumbnails, RSS, etc.)\n3. Register widget areas\n4. Create custom template tags\n5. Implement helper functions\n\n#### Copy-Paste Prompts\n```\nUse @backend-dev-guidelines to create theme functions\n```\n\n### Phase 4: Custom Post Types\n\n#### Skills to Invoke\n- `wordpress-penetration-testing` - WordPress patterns\n\n#### Actions\n1. Register custom post types\n2. Create custom taxonomies\n3. Add custom meta boxes\n4. Implement custom fields\n5. Create archive templates\n\n#### Copy-Paste Prompts\n```\nUse @wordpress-penetration-testing to understand WordPress CPT patterns\n```\n\n### Phase 5: Block Editor Support\n\n#### Skills to Invoke\n- `frontend-developer` - Block development\n\n#### Actions\n1. Enable block editor support\n2. Register custom blocks\n3. Create block styles\n4. Add block patterns\n5. Configure block templates\n\n#### Copy-Paste Prompts\n```\nUse @frontend-developer to create custom Gutenberg blocks\n```\n\n### Phase 6: Styling and Design\n\n#### Skills to Invoke\n- `frontend-design` - UI design\n- `tailwind-patterns` - Tailwind CSS\n\n#### Actions\n1. Implement responsive design\n2. Add CSS framework or custom styles\n3. Create design system\n4. Implement theme customizer\n5. Add accessibility features\n\n#### Copy-Paste Prompts\n```\nUse @frontend-design to create responsive theme design\n```\n\n### Phase 7: Testing\n\n#### Skills to Invoke\n- `playwright-skill` - Browser testing\n- `webapp-testing` - Web app testing\n\n#### Actions\n1. Test across browsers\n2. Verify responsive breakpoints\n3. Test block editor\n4. Check accessibility\n5. Performance testing\n\n#### Copy-Paste Prompts\n```\nUse @playwright-skill to test WordPress theme\n```\n\n## Theme Structure\n\n```\ntheme-name\u002F\n├── style.css\n├── functions.php\n├── index.php\n├── header.php\n├── footer.php\n├── sidebar.php\n├── single.php\n├── page.php\n├── archive.php\n├── search.php\n├── 404.php\n├── comments.php\n├── template-parts\u002F\n├── inc\u002F\n├── assets\u002F\n│   ├── css\u002F\n│   ├── js\u002F\n│   └── images\u002F\n└── languages\u002F\n```\n\n## Quality Gates\n\n- [ ] All templates working\n- [ ] Block editor supported\n- [ ] Responsive design verified\n- [ ] Accessibility checked\n- [ ] Performance optimized\n- [ ] Cross-browser tested\n\n## Related Workflow Bundles\n\n- `wordpress` - WordPress development\n- `wordpress-plugin-development` - Plugin development\n- `wordpress-woocommerce` - WooCommerce\n",{"name":5,"risk":33,"domain":51,"source":52,"version":53,"category":54,"description":7},"wordpress-development","personal","1.0.0","granular-workflow-bundle","release\u002Fv4.2.11-panel-pro","a92ea02bcf7e2b3dbaf46d49696c29a3cb490d4f",".github\u002Fskills\u002Fwordpress-theme-development","https:\u002F\u002Fgithub.com\u002Fjaviertarazon\u002Fide-agente-free-jt7-","https:\u002F\u002Fgithub.com\u002Fjaviertarazon","2026-07-12 07:10:45",{"source":8,"skillName":5,"commands":62,"prompt":72,"zipAvailable":73},[63,66,69],{"tool":64,"command":65},"npx","npx skills add javiertarazon\u002Fide-agente-free-jt7- --skill wordpress-theme-development",{"tool":67,"command":68},"bunx","bunx skills add javiertarazon\u002Fide-agente-free-jt7- --skill wordpress-theme-development",{"tool":70,"command":71},"pnpm","pnpm dlx skills add javiertarazon\u002Fide-agente-free-jt7- --skill wordpress-theme-development","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fjaviertarazon\u002Fide-agente-free-jt7-\u002Fblob\u002Frelease\u002Fv4.2.11-panel-pro\u002F.github\u002Fskills\u002Fwordpress-theme-development\u002FSKILL.md",true,[],[76,106,131,151,166,187],{"skillNo":77,"name":78,"nameZh":6,"description":79,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":80,"categories":81,"keywords":85,"publishedAt":46},"01M71TQ7Q6Z10VWF3C2H5X1KW9","zustand-store-ts","Create Zustand stores with TypeScript, subscribeWithSelector middleware, and proper state\u002Faction separation. Use when building React state management, creating global stores, or implementing reacti...","https:\u002F\u002Fgithub.com\u002Fjaviertarazon\u002Fide-agente-free-jt7-\u002Fblob\u002Frelease\u002Fv4.2.11-panel-pro\u002F.github\u002Fskills\u002Fzustand-store-ts\u002FSKILL.md",[82],{"categoryNo":83,"categoryName":84,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000009","前端开发",[86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105],"zustand","store","zustand store ts","community","middleware","implementing","use","react state management","when","unknown","react","with","state","create","state management","typescript","action","management","separation","global",{"skillNo":107,"name":108,"nameZh":6,"description":109,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":110,"categories":111,"keywords":113,"publishedAt":46},"01M71TQ5EAR40G6W0MV5ZDVEZT","zoom-automation","Automate Zoom meeting creation, management, recordings, webinars, and participant tracking via Rube MCP (Composio). Always search tools first for current schemas.","https:\u002F\u002Fgithub.com\u002Fjaviertarazon\u002Fide-agente-free-jt7-\u002Fblob\u002Frelease\u002Fv4.2.11-panel-pro\u002F.github\u002Fskills\u002Fzoom-automation\u002FSKILL.md",[112],{"categoryNo":23,"categoryName":24,"taxonomyType":20,"taxonomyTypeDesc":21},[114,115,116,89,117,118,119,120,121,95,122,123,124,125,126,127,128,129,103,130],"zoom automation","zoom","automation","creation","for","search","schemas","MCP","first","via","meeting","search tools","tracking","webinars","composio","recordings","Tools",{"skillNo":132,"name":133,"nameZh":6,"description":134,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":135,"categories":136,"keywords":138,"publishedAt":46},"01M71TQ29B1EYBCEAP1ZBGXQ1A","zoho-crm-automation","Automate Zoho CRM tasks via Rube MCP (Composio): create\u002Fupdate records, search contacts, manage leads, and convert leads. Always search tools first for current schemas.","https:\u002F\u002Fgithub.com\u002Fjaviertarazon\u002Fide-agente-free-jt7-\u002Fblob\u002Frelease\u002Fv4.2.11-panel-pro\u002F.github\u002Fskills\u002Fzoho-crm-automation\u002FSKILL.md",[137],{"categoryNo":23,"categoryName":24,"taxonomyType":20,"taxonomyTypeDesc":21},[139,140,116,141,142,143,89,144,145,118,146,119,120,147,121,95,148,149,150,99],"crm automation","zoho crm automation","crm","zoho crm","zoho","leads","manage leads","manage","records","convert","tasks","contacts",{"skillNo":152,"name":153,"nameZh":6,"description":154,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":155,"categories":156,"keywords":158,"publishedAt":46},"01M71TPZPMN60DH0XV58KVHY23","zendesk-automation","Automate Zendesk tasks via Rube MCP (Composio): tickets, users, organizations, replies. Always search tools first for current schemas.","https:\u002F\u002Fgithub.com\u002Fjaviertarazon\u002Fide-agente-free-jt7-\u002Fblob\u002Frelease\u002Fv4.2.11-panel-pro\u002F.github\u002Fskills\u002Fzendesk-automation\u002FSKILL.md",[157],{"categoryNo":23,"categoryName":24,"taxonomyType":20,"taxonomyTypeDesc":21},[159,116,160,89,118,119,120,121,161,95,149,162,163,122,123,164,125,128,130,165],"zendesk automation","zendesk","organizations","replies","users","tickets","automate",{"skillNo":167,"name":168,"nameZh":6,"description":169,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":170,"categories":171,"keywords":172,"publishedAt":46},"01M71TPXDWKHKG4N6TVEPXWD0N","zapier-make-patterns","No-code automation democratizes workflow building. Zapier and Make (formerly Integromat) let non-developers automate business processes without writing code. But no-code doesn't mean no-complexity ...","https:\u002F\u002Fgithub.com\u002Fjaviertarazon\u002Fide-agente-free-jt7-\u002Fblob\u002Frelease\u002Fv4.2.11-panel-pro\u002F.github\u002Fskills\u002Fzapier-make-patterns\u002FSKILL.md",[],[173,174,175,176,177,178,179,180,181,116,42,95,182,183,184,185,186,165],"zapier make patterns","zapier","patterns","make","No-Code","complexity","writing","spawner","business","code","integromat","apache","processes","but",{"skillNo":188,"name":189,"nameZh":6,"description":190,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":191,"categories":192,"keywords":196,"publishedAt":46},"01M71TPT5T10WXNKW9G7ZXZ27W","youtube-summarizer","Extract transcripts from YouTube videos and generate comprehensive, detailed summaries using intelligent analysis frameworks","https:\u002F\u002Fgithub.com\u002Fjaviertarazon\u002Fide-agente-free-jt7-\u002Fblob\u002Frelease\u002Fv4.2.11-panel-pro\u002F.github\u002Fskills\u002Fyoutube-summarizer\u002FSKILL.md",[193],{"categoryNo":194,"categoryName":195,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000016","图像与多媒体",[197,198,199,200,89,201,202,203,204,205,206,207,182,208,209,210,211,212,213,214],"summarizer","youtube","youtube summarizer","Video","content-analysis","frameworks","copilot","2025","github-copilot","extract transcripts","analysis","codex","cli","summaries","github","generate","summarization","2026"]