← Back to Skills Marketplace
404-page-generator
by
Kostja Zhang
· GitHub ↗
· v1.0.1
· MIT-0
162
Downloads
0
Stars
0
Active Installs
2
Versions
Install in OpenClaw
/install 404-page-generator
Description
When the user wants to create, optimize, or audit 404 error pages. Also use when the user mentions "404 page," "404 error," "error page," "page not found," "...
README (SKILL.md)
Pages: 404 Error Page
Guides 404 error page design for UX, conversion recovery, and brand consistency.
When invoking: On first use, if helpful, open with 1-2 sentences on what this skill covers and why it matters, then provide the main output. On subsequent use or when the user asks to skip, go directly to the main output.
Initial Assessment
Check for project context first: If .claude/project-context.md or .cursor/project-context.md exists, read it for brand voice, key pages, and Section 12 (Visual Identity).
Identify:
- Site structure: Key pages to link (homepage, popular pages, search)
- Brand tone: Friendly, professional, playful
- Conversion goal: Recover lost visitors, drive to key pages
Best Practices
Clear Error Messaging
- User-friendly: Neutral message explaining the page wasn't found
- Optional 404 display: Can show "404" but avoid blaming the user
- Empathetic tone: Acknowledge the error gracefully; turn frustration into opportunity
Navigation and Redirection
| Element | Purpose |
|---|---|
| Site navigation | Header/footer so users know they're still on your site |
| Search | Help users find what they need |
| Popular pages | Links to homepage, features, pricing, blog |
| Similar URLs | Suggest corrections for common typos |
| Avoid auto-redirect | Unless confident of user intent |
Design and Branding
- Consistent design: Same header, footer, colors as rest of site (brand-visual-generator)
- Avoid confusion: Users should not think they've left your domain
- Mobile responsive: Test on all devices
Conversion Opportunities
404 pages can drive conversions by:
- Showcasing popular products or features
- Featuring testimonials or social proof
- Offering special promotions or value
- Linking to mobile app or newsletter
Technical
- Track 404s: Monitor broken links, fix or redirect
- Accessibility: Maintain WCAG standards
- HTTP status: Ensure proper 404 response code
Output Format
- Copy options (headline, message, CTA)
- Link structure (what to include)
- Design checklist
- SEO: Typically noindex; ensure canonical if needed
Related Skills
- homepage-generator: Primary escape route
- brand-visual-generator: Typography, colors for consistent 404 design
- indexing: noindex for 404 if desired
- title-tag, meta-description, page-metadata: 404 page metadata
Usage Guidance
This is a low-risk, instruction-only skill focused on 404 page guidance. Before installing or granting it autonomy, check any local project-context files (.claude/project-context.md or .cursor/project-context.md) the skill will read to ensure they don't contain sensitive data you wouldn't want an agent to see. Because the skill can run autonomously by default, consider whether you want to allow automatic invocation; if you prefer tighter control, disable autonomous invocation in your agent settings. If you expect the skill to access analytics, hosting, or redirect configuration, verify that it requests only the specific credentials needed (and none are requested here).
Capability Analysis
Type: OpenClaw Skill
Name: 404-page-generator
Version: 1.0.1
The skill bundle provides standard UX and SEO guidance for generating and optimizing 404 error pages. The instructions in SKILL.md are aligned with the stated purpose, directing the agent to reference local project context files for brand consistency and follow best practices for design and navigation without any evidence of malicious intent or risky execution logic.
Capability Assessment
Purpose & Capability
The skill's name and description (404 page design/optimization/audit) match the instructions: guidance, copy, link suggestions, design and SEO checklists. It does not ask for unrelated resources (cloud creds, unrelated APIs, or binaries).
Instruction Scope
The SKILL.md tells the agent to read .claude/project-context.md or .cursor/project-context.md if present to get brand voice/visual identity. This is narrowly scoped and coherent for 404 copy/design work, but it does grant the agent permission to read project-local files — review those files for sensitive content before allowing the skill to run.
Install Mechanism
No install spec and no code files (instruction-only). Nothing will be written to disk or downloaded by the skill itself, which is the lowest-risk install model.
Credentials
The skill requires no environment variables, credentials, or config paths. All declared actions are achievable without secrets or external keys.
Persistence & Privilege
always is false and the skill does not request persistent system-level presence or modify other skills. It can be invoked autonomously by the agent (default behavior) which is normal for skills.
How to Use
- Make sure OpenClaw is installed (local or Docker)
- Run the install command in chat:
/install 404-page-generator - After installation, invoke the skill by name or use
/404-page-generator - Provide required inputs per the skill's parameter spec and get structured output
Version History
v1.0.1
Batch: startups through app-ads
v1.0.0
Automated batch sync
Metadata
Frequently Asked Questions
What is 404-page-generator?
When the user wants to create, optimize, or audit 404 error pages. Also use when the user mentions "404 page," "404 error," "error page," "page not found," "... It is an AI Agent Skill for Claude Code / OpenClaw, with 162 downloads so far.
How do I install 404-page-generator?
Run "/install 404-page-generator" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.
Is 404-page-generator free?
Yes, 404-page-generator is completely free, licensed under MIT-0. You can download, install and use it at no cost.
Which platforms does 404-page-generator support?
404-page-generator is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).
Who created 404-page-generator?
It is built and maintained by Kostja Zhang (@kostja94); the current version is v1.0.1.
More Skills