agentify
Analyze, rewrite, and generate design specs to make web pages and websites more easily usable by AI agents, web scrapers, and automation tools. Use when (1) evaluating how agent-friendly, accessible (a11y), or machine-readable a web page or HTML/JSX/Vue/Svelte code is, (2) rewriting web templates to add semantic markup, ARIA, structured data (schema.org / JSON-LD), and stable selectors (data-testid) for tools like Playwright, Puppeteer, Cypress, or Selenium, (3) generating agent-friendly design specification documents for development teams covering SEO, accessibility, and GEO (Generative Engine Optimization). Triggers on phrases like "agent-friendly", "make this page work with agents", "analyze for automation", "agentify", "improve SEO", "add structured data", "add data-testid", "web scraping friendly", "machine-readable", "a11y audit", "crawler-friendly".
Install via CLI (Recommended)
clawhub install openclaw/skills/skills/cuifangxu123/agentifyAgentify
Make web pages and websites more easily navigable, parseable, and operable by AI agents, web scrapers, and automation tools.
Core Capabilities
1. Analyze
Evaluate web pages or code for agent-friendliness. Produce a scored report (0-100) with actionable improvements.
When to use: The user wants to audit a page, URL, or codebase for agent accessibility.
Workflow:
- Acquire the content:
- URL → fetch and retrieve HTML
- File path → read the file
- Glob pattern → find matching files, analyze each
- IDE selection → analyze selected code
- Read the scoring reference: references/scoring.md
- Read the full checklist: references/checklist.md
- Evaluate across 9 categories (100 points total):
| # | Category | Pts | Focus |
|---|---|---|---|
| 1 | Semantic HTML | 15 | Heading hierarchy, landmarks, semantic tags vs div soup |
| 2 | ARIA & Accessibility | 15 | Roles, labels, live regions, keyboard attributes |
| 3 | Structured Data | 15 | JSON-LD / schema.org presence, completeness |
| 4 | Form Readability | 10 | Label association, autocomplete, fieldset grouping |
| 5 | Navigation Clarity | 10 | Consistent nav, breadcrumbs, skip links, sitemap |
| 6 | Automation Attributes | 10 | data-testid coverage, data-* for key elements |
| 7 | CSS Selector Stability | 5 | Meaningful class names vs generated hashes |
| 8 | API Discoverability | 10 | Canonical URLs, link relations, OpenAPI |
| 9 | Meta & Machine Signals | 10 | robots meta, description, OG tags, sitemap |
- Output report in this format:
- Score: X/100 (Grade A-F)
- Per-category score breakdown table
- Top 5 priority improvements with before/after code
- Detailed findings per category
- Quick wins section (changes under 5 minutes, 5+ point gain)
2. Rewrite
Transform web templates to be agent-friendly while preserving all existing functionality.
When to use: The user wants to improve existing code for agent consumption.
Workflow:
- Detect framework from file extension (.html, .jsx, .tsx, .vue, .svelte)
- Read the patterns reference: references/patterns.md
- Read framework-specific guidance: references/frameworks.md
- Read and understand the entire file before modifying
- Apply transformations in order:
- Replace non-semantic elements with semantic equivalents (only when intent is unambiguous)
- Add ARIA attributes to interactive elements
- Add
data-testidto buttons, links, inputs, content containers (kebab-case naming) - Improve form labels, autocomplete, fieldset grouping
- Insert JSON-LD structured data where content type is identifiable
- Add meta tags for full HTML pages
- Add skip links and nav labels
- Fix heading hierarchy
Metadata
Not sure this is the right skill?
Describe what you want to build — we'll match you to the best skill from 16,000+ options.
Find the right skillPaste this into your clawhub.json to enable this plugin.
{
"plugins": {
"official-cuifangxu123-agentify": {
"enabled": true,
"auto_update": true
}
}
}Related Skills
chartgen
Chartgen skill providing three core functions: data analysis, data interpretation, and data visualization. **Use Cases**: (1) Data Analysis - Statistics, filtering, aggregation, calculation (e.g., "Calculate total sales", "Filter data greater than 100") (2) Data Interpretation - Trend analysis, pattern discovery, report generation (e.g., "Analyze sales trends", "Interpret data changes") (3) Data Visualization - Chart generation, data display (e.g., "Draw a bar chart", "Generate a pie chart") **Trigger Keywords**: analyze data, statistics, calculate, interpret trends, generate chart, visualize, plot **Prerequisites**: Set environment variable CHARTGEN_API_KEY (obtain from chartgen.ai)
data-analysis
Data analysis skill providing three core functions: data analysis, data interpretation, and data visualization. **Use Cases**: (1) Data Analysis - Statistics, filtering, aggregation, calculation (e.g., "Calculate total sales", "Filter data greater than 100") (2) Data Interpretation - Trend analysis, pattern discovery, report generation (e.g., "Analyze sales trends", "Interpret data changes") (3) Data Visualization - Chart generation, data display (e.g., "Draw a bar chart", "Generate a pie chart") **Trigger Keywords**: analyze data, statistics, calculate, interpret trends, generate chart, visualize, plot **Prerequisites**: Set environment variable CHARTGEN_API_KEY (obtain from chartgen.ai)
data-analysis
Data analysis skill providing three core functions: data analysis, data interpretation, and data visualization. **Use Cases**: (1) Data Analysis - Statistics, filtering, aggregation, calculation (e.g., "Calculate total sales", "Filter data greater than 100") (2) Data Interpretation - Trend analysis, pattern discovery, report generation (e.g., "Analyze sales trends", "Interpret data changes") (3) Data Visualization - Chart generation, data display (e.g., "Draw a bar chart", "Generate a pie chart") **Trigger Keywords**: analyze data, statistics, calculate, interpret trends, generate chart, visualize, plot **Prerequisites**: Set environment variable CHARTGEN_API_KEY (obtain from chartgen.ai)
data-analysis-pro
Data analysis pro skill providing three core functions: data analysis, data interpretation, and data visualization. **Use Cases**: (1) Data Analysis - Statistics, filtering, aggregation, calculation (e.g., "Calculate total sales", "Filter data greater than 100") (2) Data Interpretation - Trend analysis, pattern discovery, report generation (e.g., "Analyze sales trends", "Interpret data changes") (3) Data Visualization - Chart generation, data display (e.g., "Draw a bar chart", "Generate a pie chart") **Trigger Keywords**: analyze data, statistics, calculate, interpret trends, generate chart, visualize, plot **Prerequisites**: Set environment variable CHARTGEN_API_KEY (obtain from chartgen.ai)