skills.rest
ankhorage
ankhorageOFFICIAL
Explore all skills by this author →
WebsiteGitHub

zora-designer

Design, recognize, audit, and author ZORA screens and portable Ankhorage templates.

3|Updated Apr 18, 2026
Search Tags:#React Native#manifest#design audit#template generation#ui design#screen recognition#zora
One-click install
npx skills add https://github.com/ankhorage/zora --skill zora-designer-ankhorage
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: zora-designer
Source: https://github.com/ankhorage/zora/tree/main/.agents/skills/zora-designer
Command: npx skills add https://github.com/ankhorage/zora --skill zora-designer-ankhorage

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @ankhorage/zora, @ankhorage/contracts, @ankhorage/templates, @ankhorage/color-theory, @ankhorage/devtools, @ankhorage/utility, sharp, @techstark/opencv-js, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve? Building consistent React Native and React Native Web interfaces with the ZORA UI kit requires resolving category-driven design decisions, compiling themes, validating manifests, and auditing visual evidence, all through released owner APIs that are easy to misuse or bypass. ## Core Features & Use Cases - Configuration and Screen Design: Run a progressive configuration conversation, then generate one screen or an ordered series with shared navigation, state, geometry, and tokens compiled through installed owner APIs. - Screen Recognition and Reconstruction: Analyze a supplied UI screenshot with the deterministic Utility image pipeline to produce a ScreenSpec, confidence scores, and alternatives before converting it into a manifest screen. - Evidence-Aware Audits: Evaluate image or runtime evidence against a canonical weighted rubric with release gates, producing scores, coverage, findings, and risks. - Template Authoring: Validate asset bundles and scaffold portable Templates repository units with createAppManifest.ts, screen evidence, and runtime images. - Use Case: A designer supplies a screenshot of an existing dashboard and asks to rebuild it as a ZORA manifest; the skill runs programmatic recognition, resolves components from owner metadata, compiles light and dark themes, and scaffolds a release-valid template. ## Quick Start Use the zora-designer skill to design a developer tools app screen with an analogous color harmony and validate the resulting manifest.

Frequently Asked Questions about zora-designer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I convert a UI screenshot into a ZORA manifest screen?▼

Supply the screenshot and request recognition; the skill runs the deterministic Utility image analyzer to produce a ScreenSpec with confidence scores and alternatives. It then resolves ZORA components from installed owner metadata before any free-form visual interpretation.

How do I scaffold a portable Ankhorage template?▼

Resolve the configuration and screen model, prepare a validated asset bundle, then run the scaffold-template script with a scaffold input JSON. The helper checks files and manifest references, copies runtime assets and screen evidence, and regenerates discovery from the filesystem.

What dependencies does ZORA screen analysis require?▼

Screen analysis requires @ankhorage/devtools with @ankhorage/utility 0.5.x or newer, plus local image engines sharp and @techstark/opencv-js installed in the target repository. Owner packages like @ankhorage/zora, contracts, templates, and color-theory must meet minimum versions.

Can a visual-only audit verify accessibility compliance?▼

No. A visual-only audit can assess composition, hierarchy, and color risk, but it cannot verify semantic names, keyboard focus order, screen-reader announcements, or reflow. Those criteria are marked not-assessable until runtime or measured evidence is supplied.

What happens when no exact ZORA component matches a requested capability?▼

The skill records a non-blocking capability gap and inserts a visible placeholder such as a secondary-surface Box in the composition. It never invents props or components, and owner diagnostics with severity error block release validation.

Related Skills

Explore More Design & Creative Skills→
ankhorageankhorage
3

zora-designer

Design, recognize, audit, and author ZORA screens and portable Ankhorage templates.

Official
Advanced
ceratops-codeceratops-code

ceratops-gh-codex-skill-ship

Ship staged Ceratops skill batches from runtime checkout to GitHub and restore main.

Official
Intermediate
OpenSourceAGIOpenSourceAGI
74

ux-audit

Audit a UI surface against Designing Interfaces patterns and UX checklists across static, visual, and dynamic layers.

Official
Advanced
deepparserdeepparser

design-kraken

Apply Kraken's design system tokens, typography, and component styles to UI generation.

Official
Basic