← All skill packs

UI Design & Frontend Skills

Skill pack
3 skills0 selected
aleksinvsSkills in this pack

Use only when the user explicitly invokes $cubica or explicitly asks for the Cubica autonomous workflow; then run development through a human-approved TSK plan, autonomous orchestration, bounded subagents, risk-based verification, and final acceptance.

English

Deterministic, measured comparison of a developed UI against a visual reference (mockup image, reference app, screenshot of a working example). Use this skill whenever the user asks to compare an interface with a sample or mockup, verify that UI matches a design or screenshot, find visual differences, complains that the UI "doesn't look like" the reference, or reports that an element is visible but not clickable (сравнить UI с образцом/макетом/скриншотом, проверить соответствие дизайну, найти визуальные отличия, "не похоже на макет", "кнопка видна, но не нажимается"). Also use it to verify your own UI work before reporting completion of any task where a visual reference exists. Never judge visual parity by eye from screenshots — always run this skill's measured pipeline instead.

English

Build or rework a game or product UI from a supplied mockup, screenshot, concept image, or wireframe. Use when implementation must follow a visual reference, including a focused visual fix. Do not use for comparison-only review or for UI work that has no reference image.

English

Includes UI Compare, UI from Mockup, and other workflows.

Install with
Claude CodeCodexCursorGitHub CopilotGemini CLI

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

Pack stats

Skills3CategorygeneralStars0

What’s included

Cubica

Use only when the user explicitly invokes $cubica or explicitly asks for the Cubica autonomous workflow; then run development through a human-approved TSK plan, autonomous orchestration, bounded subagents, risk-based verification, and final acceptance.

UI Compare

Deterministic, measured comparison of a developed UI against a visual reference (mockup image, reference app, screenshot of a working example). Use this skill whenever the user asks to compare an interface with a sample or mockup, verify that UI matches a design or screenshot, find visual differences, complains that the UI "doesn't look like" the reference, or reports that an element is visible but not clickable (сравнить UI с образцом/макетом/скриншотом, проверить соответствие дизайну, найти визуальные отличия, "не похоже на макет", "кнопка видна, но не нажимается"). Also use it to verify your own UI work before reporting completion of any task where a visual reference exists. Never judge visual parity by eye from screenshots — always run this skill's measured pipeline instead.

UI from Mockup

Build or rework a game or product UI from a supplied mockup, screenshot, concept image, or wireframe. Use when implementation must follow a visual reference, including a focused visual fix. Do not use for comparison-only review or for UI work that has no reference image.

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 Cubica 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.
  • License details are not provided in these listings. Check the author’s terms before using the skills.
UI Design & Frontend Skills | Agent Skills Atlas