Annotate

Automattic/studio/apps/cli/ai/skills/annotate

designResmi

Resmi Sağlayıcı Skill'iView repo

Open a browser with visual annotation tools. The user clicks elements on their site and leaves feedback — the agent reads annotations and makes changes. Use this when the user wants to point at specific elements to fix, tweak, or redesign.

Dosyalar1 dosya

SKILL.md90 satır

Loading editor…

Kurulum

Önerilen

Tek komut — ajanınız otomatik olarak devreye alır.

AI aracını seç

Kurulum komutunu görmek için yukarıdan bir AI aracı seçin.

veya

Manuel Kurulum

Daha fazla adım

Dosyayı indirin ve ajanınızın sistem istemine yapıştırın.

Skill detayları

Versiyonv1.0.0

YazarAutomattic

Kategoridesign

Skill IDAutomattic/studio/apps/cli/ai/skills/annotate

İlgili skill'ler

AdaptBuild a new platform adapter to extract content from an unsupported platform (Blogger, Ghost, Tumblr, etc.)Block ContentWrite editable WordPress block markup for local Studio sites, including core/html limits, block-theme layout rules, full-width sections, validation, and skeleton-first page/CSS recipes.Compose Page BlocksCompose a single liberated page's WordPress block-editor markup from its rendered HTML and screenshot. Inputs are a sanitized HTML file, a desktop screenshot, the design-foundation tokens, the URL's archetype (page/post/product/etc.), and the source URL. Output is a string of valid block markup that round-trips through parse_blocks, uses theme tokens (no inlined hex colors), and contains only text drawn from the source HTML. Call per-page during the streaming watch loop after extraction has prod Creating BlocksTemplates and guidelines for creating new WordPress blocks from scratch — load this before generating block files Creating ThemesGuidelines for creating new WordPress block themes from scratch — load this before generating theme files Design FoundationsBuild a coherent design-foundation JSON from a liberated site — semantic color/typography/spacing roles with evidence trails. Consumes the partial scaffold produced by liberate_design_foundation_scaffold plus aggregate HTML/CSS analysis and representative rendered HTML; produces a complete design-foundation matching the schema. Call after liberation, before theme generation.