designer_guide

Configure designer tool modes and manage multi-page design assets.

1.4k|169|Updated Mar 6, 2026
One-click install
npx skills add https://github.com/siddsachar/row-bot --skill designer-guide
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: designer_guide
Source: https://github.com/siddsachar/row-bot/tree/main/tool_guides/designer_guide
Command: npx skills add https://github.com/siddsachar/row-bot --skill designer-guide

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Guides designers to efficiently create and edit multi-page visuals using the designer tool, ensuring consistency with branding and UX constraints.

Core Features & Use Cases

  • Mode-aware design: switch between deck, document, landing, and app_mockup modes to match output formats.
  • Page operations: create, update, reorder, and publish design assets with guardrails.
  • Brand & accessibility: enforce brand colors, typography, and accessible contrast while exporting.

Quick Start

Open the designer tool and start a new project to configure mode, set up the canvas, and begin drafting your design.

Frequently Asked Questions about designer_guide

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

FAQPage Schema
How do I create multi-page visual designs with consistent branding?

You can create multi-page visual designs with consistent branding by using mode-aware workflows that enforce brand colors, typography, and accessible contrast guardrails across all pages. This ensures every exported asset meets your specific visual constraints.

What's the best way to switch between landing page and app mockup design modes?

Switch between landing page and app mockup design modes using the designer tool's mode configuration feature. This allows you to match output formats for deck, document, landing, and app_mockup styles dynamically.

Can I enforce accessible contrast and brand typography during interactive prototyping?

Yes, you can enforce accessible contrast and brand typography during interactive prototyping through built-in branding linting. This applies procedural and technical constraints to your interactive modes, ensuring accessibility compliance before export.

Does the designer tool support reordering and publishing design assets?

The designer tool supports reordering and publishing design assets through structured page operations. You can create, update, reorder, and publish multi-page assets while maintaining brand and accessibility guardrails.

How do I configure export-ready outputs for different document styles?

Configure export-ready outputs for different document styles by setting the appropriate mode—such as deck, document, landing, or app_mockup—before drafting your design. This specifies the exact procedural and technical requirements for your final assets.