← All skill packs

UI Design & Testing Skills

Skill pack
5 skills0 selected
automata-networkSkills in this pack

UI design system guide for consistent frontend development.

English

Generates Interaction Metadata Schema (IMS v1) annotations for interactive web applications, ensuring every UI interaction has proper metadata for testing and agent…

English

Expert UI/UX design review of screenshots. Acts as a picky designer analyzing typography, colors, spacing, layout, and accessibility. Focuses on critical issues only with specific, actionable fixes. Reviews existing screenshot directories for production-ready quality.

English

Comprehensive web app testing with Playwright ensuring 100% UI coverage. Automatically crawls entire web app, analyzed the implementation code and captured ALL interactive elements, interacts with EVERY element to reveal hidden UI states, runs comprehensive quality checklist (Deployment, Code Quality, UX, SEO, Function & Layout), and provides concise UI/UX designer review focusing on critical issues only. Generates reports with checklist results and actionable fixes. Uses Claude for post-test design review.

English

Trade on decentralized exchanges via XATA API — setup wallets, bind venues, and execute…

English

Includes Design Bible, Ims Generator, UI Screenshot Review, and other workflows.

Install with
Claude CodeCodexCursorGitHub CopilotGemini CLI

Supported by the Atlas install prompt. Skill-specific requirements vary.

Pack stats

Skills5CategorygeneralStars0

What’s included

Design Bible

UI design system guide for consistent frontend development. Use this skill when: - Creating or modifying frontend/UI components - Working with CSS, styled-components, or any styling - Building React, Vue, or HTML interfaces - The user asks for design-related work

Ims Generator

Generates Interaction Metadata Schema (IMS v1) annotations for interactive web applications, ensuring every UI interaction has proper metadata for testing and agent execution

UI Screenshot Review

Expert UI/UX design review of screenshots. Acts as a picky designer analyzing typography, colors, spacing, layout, and accessibility. Focuses on critical issues only with specific, actionable fixes. Reviews existing screenshot directories for production-ready quality.

Web App Testing

Comprehensive web app testing with Playwright ensuring 100% UI coverage. Automatically crawls entire web app, analyzed the implementation code and captured ALL interactive elements, interacts with EVERY element to reveal hidden UI states, runs comprehensive quality checklist (Deployment, Code Quality, UX, SEO, Function & Layout), and provides concise UI/UX designer review focusing on critical issues only. Generates reports with checklist results and actionable fixes. Uses Claude for post-test design review.

Xata Trading

Trade on decentralized exchanges via XATA API — setup wallets, bind venues, and execute trades

Quick start

  1. Choose your skills. Select individual skills above, or choose the entire pack.
  2. Copy the install prompt. Use Copy install prompt above the list.
  3. Send it to your agent. Paste into your coding agent’s chat. Your agent reviews the source and guides the setup.

Try it with your agent

After installation, start with a request like:

Example request
Use the Design Bible skill to help with my task.
Ask me for the context you need before getting started.

Requirements & license

  • A coding agent that can access your project files and install skills.
  • Your agent checks each skill’s instructions, dependencies, and permissions during setup.
  • Reported license for the skills shown: MIT. The author’s terms apply.
UI Design & Testing Skills | Agent Skills Atlas