ranbot-ai/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.
$ install --global
skillsauthnpx skillsauth add ranbot-ai/awesome-skills 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: May 5, 2026, 6:10 AM270.0s1 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:
- Security & Systems
- source:
- antigravity
- tags:
- [ai, workflow, template, design, image, tailwind, cro]
- url:
- https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/wordpress-theme-development
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
ranbot-ai/ditto
tools
VerifiedTrustedCommunity
Use when a user asks to mine or update a private, evidence-backed work profile from local Claude Code, Codex, Copilot CLI, or OpenCode sessions.
5SKILL.mdUpdated Jul 18, 2026
ranbot-ai/diagnose-android-overheating
data-ai
VerifiedTrustedCommunity
Use when diagnosing Android overheating, idle heat, thermal throttling, charging or radio heat, or abnormal battery drain with read-only ADB evidence and approval gates.
5SKILL.mdUpdated Jul 18, 2026
ranbot-ai/competitor-ad-intelligence
research
VerifiedTrustedCommunity
Research public competitor ads, analyze creative patterns and landing pages, and produce an evidence-labeled strategic teardown.
5SKILL.mdUpdated Jul 18, 2026
ranbot-ai/anywrite
tools
VerifiedTrustedCommunity
Compiled CLI covering all 52 endpoints of the Anytype local API — objects, properties, tags, search, chat, files — one binary, no MCP server needed.
5SKILL.mdUpdated Jul 18, 2026