[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6F0E36X2MFXM8BRA4686QD8":3,"skill-same:01M6F0E36X2MFXM8BRA4686QD8":83},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":16,"categories":17,"keywords":26,"publishedAt":46,"linkOnly":47,"markdownContent":48,"markdownBody":49,"frontMatter":50,"refName":54,"commitSha":55,"skillDirectory":56,"forksCount":57,"repositoryHtmlUrl":58,"repositoryHomepageUrl":59,"ownerHtmlUrl":60,"ownerBlogUrl":6,"ownerDescription":61,"updatedAt":62,"install":63,"resources":76},"01M6F0E36X2MFXM8BRA4686QD8","wordpress-theme-development",null,"WordPress theme development workflow covering theme architecture, template hierarchy, custom post types, block editor support, and responsive design.","ComeOnOliver\u002Fskillshub","ComeOnOliver","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F43215937?v=4","01M6E5JNFECJAAVFE0W7SMWWD2","Haoran Shu","01M6E5JNNDQS7AJZDYFQ8TPZCK",67,"MIT","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Faiskillstore\u002Fmarketplace\u002Fsickn33\u002Fwordpress-theme-development\u002FSKILL.md",[18,23],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000015","视觉设计","SCENARIO","使用场景",{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000023","Skill与智能体开发",[27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45],"wordpress","theme","wordpress theme development","development","template","block","types","post","bundle","responsive","responsive design","development workflow","design","architecture","editor","support","workflow","safe","personal","2026-11-10 10:12:30",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":44,"domain":51,"source":45,"version":52,"category":53,"description":7},"wordpress-development","1.0.0","granular-workflow-bundle","main","def8531e65114c0fca8fb8551c1871ee0eed705c","skills\u002Faiskillstore\u002Fmarketplace\u002Fsickn33\u002Fwordpress-theme-development",24,"https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub","https:\u002F\u002Fskillshub.wtf","https:\u002F\u002Fgithub.com\u002FComeOnOliver","AI & Blockchain Engineer\r\n","2026-06-24 22:07:19",{"source":8,"skillName":5,"commands":64,"prompt":74,"zipAvailable":75},[65,68,71],{"tool":66,"command":67},"npx","npx skills add ComeOnOliver\u002Fskillshub --skill wordpress-theme-development",{"tool":69,"command":70},"bunx","bunx skills add ComeOnOliver\u002Fskillshub --skill wordpress-theme-development",{"tool":72,"command":73},"pnpm","pnpm dlx skills add ComeOnOliver\u002Fskillshub --skill wordpress-theme-development","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Faiskillstore\u002Fmarketplace\u002Fsickn33\u002Fwordpress-theme-development\u002FSKILL.md",true,[77],{"path":78,"resourceType":79,"resourceTypeDesc":80,"sizeBytes":81,"sourceHtmlUrl":82},"skill-report.json","REFERENCE","参考文档",11952,"https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Faiskillstore\u002Fmarketplace\u002Fsickn33\u002Fwordpress-theme-development\u002Fskill-report.json",[84,94,104,113,119,126],{"skillNo":85,"name":86,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":87,"categories":88,"keywords":90,"publishedAt":46},"01M6FKJN13GMG4KY57J3QD8GY5","model-hierarchy-skill","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzscole\u002Fmodel-hierarchy-skill\u002Fmodel-hierarchy-skill\u002FSKILL.md",[89],{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},[91,92,93],"model","model hierarchy","model hierarchy skill",{"skillNo":95,"name":96,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":97,"categories":98,"keywords":100,"publishedAt":46},"01M6FKJJJ6GCAMR4PPPRD12M5X","zoom-mcp","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fzoom-mcp\u002FSKILL.md",[99],{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},[101,102,103],"MCP","zoom","zoom mcp",{"skillNo":105,"name":106,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":107,"categories":108,"keywords":109,"publishedAt":46},"01M6FKJE3KYT3KPEZMEEHYKA6K","zoom-apps-sdk","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fzoom-apps-sdk\u002FSKILL.md",[],[110,111,112,102],"sdk","zoom apps sdk","apps",{"skillNo":114,"name":115,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":116,"categories":117,"keywords":118,"publishedAt":46},"01M6FKJ9EDH9Q5VWDF8HAJRSP0","windows","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fwindows\u002FSKILL.md",[],[115],{"skillNo":120,"name":121,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":122,"categories":123,"keywords":125,"publishedAt":46},"01M6FKJ666BEEFC3AE9GJ72Q93","whiteboard","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fwhiteboard\u002FSKILL.md",[124],{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},[121],{"skillNo":127,"name":128,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":129,"categories":130,"keywords":131,"publishedAt":46},"01M6FKJ21WFCDGTJQ2Q91T9DVW","websockets","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fwebsockets\u002FSKILL.md",[],[128]]