Skill UI

Framework-agnostic SEO workflow for sites with many tool, product, or feature pages. Fixes duplicate content, unique meta tags, heading hierarchy, internal linking, URL slugs, and E-E-A-T, with a content registry pattern for scaling 50-500 pages plus blog strategy for low-ranking keywords.

Scaffold new mobile pages/screens using StyleSeed layout patterns. Provides a template with PageShell, TopBar, and BottomNav components, enforces design tokens, spacing rules, and verifies against Golden Rules.

This skill generates composed UI patterns like card layouts, lists, forms, and grids using design system primitives. It helps developers assemble reusable interface sections efficiently without recreating basic elements. Suitable for building structured content areas within pages while adhering to established design tokens and layout rules for consistency.

This skill generates appropriate user feedback states for components and pages, including loading skeletons, empty states, error messages, and success toasts. It ensures consistent UI presentation by implementing specific design patterns for data-dependent areas, handling partial or full failures, and providing retry mechanisms. It follows design language references for animations and accessibility, suitable for React-based frontend development workflows.

This skill assists in designing user flows and navigation structures based on proven UX patterns. It covers information architecture, navigation patterns like hub and spoke, and screen flow rules. It outputs ASCII flow diagrams, screen inventories, and edge cases. Suitable for planning mobile app and web interface structures before implementing specific pages or copy.

This skill applies behavioral psychology and choice architecture principles to optimize UX flows. It reduces friction, increases user commitment, and guides decisions ethically without coercion. Ideal for redesigning product pages where interaction design causes conversion friction. It ensures clear paths, sensible defaults, and avoids dark patterns while supporting accessibility and informed choice.

This skill performs intelligent multi-strategy web scraping to extract structured data from web pages, including tables, lists, and prices. It supports pagination handling, monitoring, and exporting data to CSV or JSON formats. Designed for safe data extraction without executing untrusted content.

This skill enables the creation and maintenance of highly structured, configurable research wikis. It manages source provenance, compiling raw source materials into organized concept pages, index maps, and derived artifacts. Ideal for systematically documenting complex knowledge bases, such as research notes, product documentation, or domain studies, ensuring full traceability and consistency.

Generates comprehensive technical documentation pages with evidence-based depth, including Mermaid diagrams, citations, and VitePress frontmatter. Ideal for documenting components, systems, or features with traceable code paths.

Operate and verify webpages in the OpenSquilla Desktop sidebar using conversation-owned browser MCP tools. Use it for interactive browsing, form filling, page navigation, and visual checks.

Publish agent-written Markdown or HTML as a shareable link with the byagent CLI, read readers' line comments, then edit, republish to the same URL and resolve each thread.

Read-only design review of an existing Power Pages site, from a live URL or local project folder. Captures up to eight key pages at desktop and mobile, scores them against a design rubric (first impression, hierarchy, narrative, copy, trust, brand, responsive design, motion, detail), and returns prioritized, concrete recommendations.