⏳ This skill is pending AI review.
Scores will appear once the review pipeline completes.
dope-skills-amp-web-dev
Build valid Google AMP pages with modern design aesthetics -- frosted glass, neon glows, gradients, shimmer animations, responsive layouts. Use when asked to create a landing page, marketing page, product page, or any web page that must be valid AMP. Covers AMP boilerplate, allowed CSS techniques, AMP components, responsive design, and deployment to GitHub Pages with custom domains. Triggers on "AMP page", "AMP landing page", "AMP website", "Google AMP", "valid AMP", "amp web dev".
Choose how to use this skill
You do not need every option. Choose the path your AI client supports. The stable page stays the same; versioned files are immutable.
1. Native installer
This listing has no registered native installer command. Use the complete package or source fallback below, depending on what your client supports.
Do not guess an installer command or replace an existing version without reviewing the diff.
2. Complete package recommended
Download the ZIP when available. It includes SKILL.md plus the references, security notes and version metadata.
No complete ProSkills package is published for this listing yet.3. Prompt-only
Copy the prompt above when the agent can read the stable page or when you want to adopt the workflow without installing a skill.
Need only the instruction file?
Download SKILL.md only if your client requires a single file. The complete ZIP is safer for a full installation because it preserves the references and release context.
No path installs or executes anything by itself. Your agent still needs access to the project files. Before updating, compare the installed version and review the diff.
// RATINGS
Not yet listed on ClawHub or SkillsMP
// README
Dope Skills - AMP Web Dev
An OpenClaw agent skill for building valid Google AMP pages with modern, premium design aesthetics.
What It Does
Guides an AI agent through building production-ready AMP pages with:
- Valid AMP boilerplate (exact official spec)
- Frosted glass cards, neon glow effects, gradient text
- Shimmer animations on buttons (pure CSS)
- Responsive two-column/one-column layouts
- FAQ accordions with animated carets
- GitHub Pages deployment with custom domains
Why AMP
AMP pages load instantly, are eligible for Google's AMP cache, and rank well in mobile search. The constraints (no JS, 75KB CSS limit) force clean, performant code.
Usage with OpenClaw
cd ~/.openclaw/workspace/skills
git clone https://github.com/mrrobot4ever/dope-skills-amp-web-dev.git
Then tell your agent: "Build me an AMP landing page" and describe what you want.
Documentation
| File | Purpose |
|---|---|
| SKILL.md | Complete AMP development guide -- boilerplate, CSS rules, components, design patterns, deployment |
| references/lessons-learned.md | Validation pitfalls and fixes from production |
License
MIT
// HOW IT'S BUILT
KEY FILES