extract-to-jaspr Skill
Extracts a part of a website and converts it to a Jaspr component. Use when you need to migrate a part of a website to Jaspr. Published by flutter in website.
What is extract-to-jaspr Skill?
Extracts a part of a website and converts it to a Jaspr component. Use when you need to migrate a part of a website to Jaspr. Published by flutter in website. This profile combines repository metadata with install, compatibility, and usage signals so developers can quickly decide whether it fits their agent workflow before opening the source repository.
Automated repository signals based on public metadata such as recency, license, installation evidence, and adoption. These are not a security audit or endorsement.
Key capabilities
- Includes SKILL.md support
- Reusable instructions support
- Browser automation
- Browser automation use cases
Technical details
- Install or run with Copy skill directory
When to use extract-to-jaspr Skill
- Use it for browser automation.
Built with
Editorial notes
Source
- Creator: flutter
- Repository: flutter/website
- Skill file: sites/www/.agents/skills/extract-to-jaspr/SKILL.md
What it does
Extracts a part of a website and converts it to a Jaspr component. Use when you need to migrate a part of a website to Jaspr.
Skill instructions
Jaspr Migration Skill This document outlines the process and key learnings from extracting a complex HTML component from a live website to a Jaspr component using Dart. When to use this skill Use this skill when you need to extract a part of a website and migrate it to Jaspr. How to use it The migration process follows a strict "Structure Only" approach: 1. Fetch & Extract: - Use curl to fetch the raw HTML. This ensures you get the initial server-rendered markup without client-side modifications. - If needed, use browser dev tools to identify the correct DOM node, but rely on curl for the source extraction. - Note any dynamic classes or attributes controlled by JavaScript. 2. Markup Translation (Exact Match): - Create a single StatelessComponent for the extracted HTML. - Translate HTML tags 1:1 to Jaspr components (div, nav, ul, li, img, etc.). - Maintain strict fidelity: Keep original CSS classes, IDs and all attributes exactly as they are. This ensures existing stylesheets work witho
Explore related resources
Frequently asked questions
What is extract-to-jaspr?
extract-to-jaspr is a open-source AI agent skill with Copy skill directory. Extracts a part of a website and converts it to a Jaspr component. Use when you need to migrate a part of a website to Jaspr.
Who is extract-to-jaspr best for?
extract-to-jaspr is best for reusing agent instructions, scripts, and references, browser automation workflows.
How do I install extract-to-jaspr?
Install or run extract-to-jaspr using Copy skill directory. Check extract-to-jaspr for the latest setup command.
Is extract-to-jaspr actively maintained?
extract-to-jaspr may need a closer maintenance check before production use.
Auto-fetched from GitHub.
