dexsdevelopers/wordpress-theme-development
skills/wordpress-theme-development/SKILL.md
WordPress theme development workflow covering theme architecture, template hierarchy, custom post types, block editor support, and responsive design.
development
Updated Apr 14, 2026
$ install --global
skillsauthnpx skillsauth add dexsdevelopers/site-financeiro wordpress-theme-developmentInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 14, 2026, 3:19 AM43.7s1 file scanned
SKILL.md
- name:
- wordpress-theme-development
- description:
- WordPress theme development workflow covering theme architecture, template hierarchy, custom post types, block editor support, and responsive design.
- category:
- granular-workflow-bundle
- risk:
- safe
- source:
- personal
- date_added:
- 2026-02-27
WordPress Theme Development Workflow
Overview
Specialized workflow for creating custom WordPress themes from scratch, including modern block editor (Gutenberg) support, template hierarchy, and responsive design.
When to Use This Workflow
Use this workflow when:
- Creating custom WordPress themes
- Converting designs to WordPress themes
- Adding block editor support
- Implementing custom post types
- Building child themes
Workflow Phases
Phase 1: Theme Setup
Skills to Invoke
app-builder- Project scaffoldingfrontend-developer- Frontend development
Actions
- Create theme directory structure
- Set up style.css with theme header
- Create functions.php
- Configure theme support
- Set up enqueue scripts/styles
Copy-Paste Prompts
Use @app-builder to scaffold a new WordPress theme project
Phase 2: Template Hierarchy
Skills to Invoke
frontend-developer- Template development
Actions
- Create index.php (fallback template)
- Implement header.php and footer.php
- Create single.php for posts
- Create page.php for pages
- Add archive.php for archives
- Implement search.php and 404.php
Copy-Paste Prompts
Use @frontend-developer to create WordPress template files
Phase 3: Theme Functions
Skills to Invoke
backend-dev-guidelines- Backend patterns
Actions
- Register navigation menus
- Add theme support (thumbnails, RSS, etc.)
- Register widget areas
- Create custom template tags
- Implement helper functions
Copy-Paste Prompts
Use @backend-dev-guidelines to create theme functions
Phase 4: Custom Post Types
Skills to Invoke
wordpress-penetration-testing- WordPress patterns
Actions
- Register custom post types
- Create custom taxonomies
- Add custom meta boxes
- Implement custom fields
- Create archive templates
Copy-Paste Prompts
Use @wordpress-penetration-testing to understand WordPress CPT patterns
Phase 5: Block Editor Support
Skills to Invoke
frontend-developer- Block development
Actions
- Enable block editor support
- Register custom blocks
- Create block styles
- Add block patterns
- Configure block templates
Copy-Paste Prompts
Use @frontend-developer to create custom Gutenberg blocks
Phase 6: Styling and Design
Skills to Invoke
frontend-design- UI designtailwind-patterns- Tailwind CSS
Actions
- Implement responsive design
- Add CSS framework or custom styles
- Create design system
- Implement theme customizer
- Add accessibility features
Copy-Paste Prompts
Use @frontend-design to create responsive theme design
Phase 7: Testing
Skills to Invoke
playwright-skill- Browser testingwebapp-testing- Web app testing
Actions
- Test across browsers
- Verify responsive breakpoints
- Test block editor
- Check accessibility
- Performance testing
Copy-Paste Prompts
Use @playwright-skill to test WordPress theme
Theme Structure
theme-name/
├── style.css
├── functions.php
├── index.php
├── header.php
├── footer.php
├── sidebar.php
├── single.php
├── page.php
├── archive.php
├── search.php
├── 404.php
├── comments.php
├── template-parts/
├── inc/
├── assets/
│ ├── css/
│ ├── js/
│ └── images/
└── languages/
Quality Gates
- [ ] All templates working
- [ ] Block editor supported
- [ ] Responsive design verified
- [ ] Accessibility checked
- [ ] Performance optimized
- [ ] Cross-browser tested
Related Workflow Bundles
wordpress- WordPress developmentwordpress-plugin-development- Plugin developmentwordpress-woocommerce- WooCommerce
Related Skills
dexsdevelopers/zustand-store-ts
development
VerifiedTrustedCommunity
Create Zustand stores with TypeScript, subscribeWithSelector middleware, and proper state/action separation. Use when building React state management, creating global stores, or implementing reacti...
SKILL.mdUpdated Apr 14, 2026
dexsdevelopers/zoom-automation
tools
VerifiedTrustedCommunity
Automate Zoom meeting creation, management, recordings, webinars, and participant tracking via Rube MCP (Composio). Always search tools first for current schemas.
SKILL.mdUpdated Apr 14, 2026
dexsdevelopers/zoho-crm-automation
tools
VerifiedTrustedCommunity
Automate Zoho CRM tasks via Rube MCP (Composio): create/update records, search contacts, manage leads, and convert leads. Always search tools first for current schemas.
SKILL.mdUpdated Apr 14, 2026
dexsdevelopers/zendesk-automation
tools
VerifiedTrustedCommunity
Automate Zendesk tasks via Rube MCP (Composio): tickets, users, organizations, replies. Always search tools first for current schemas.
SKILL.mdUpdated Apr 14, 2026