skills.rest
Denissvgn
DenissvgnCOMMUNITY
Explore all skills by this author →
GitHub

designer

Create visual and interaction designs for product interfaces.

Updated Jan 14, 2026
Search Tags:#design#UI#UX#design-system#wireframe#mockup
One-click install
npx skills add https://github.com/Denissvgn/project-team-ag --skill designer-denissvgn
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: designer
Source: https://github.com/Denissvgn/project-team-ag/tree/main/.agent/skills/designer
Command: npx skills add https://github.com/Denissvgn/project-team-ag --skill designer-denissvgn

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designer solves design handoff bottlenecks by producing consistent UI/UX specifications across teams.

Core Features & Use Cases

  • UI Design: Visual interface design and component styling for new features.
  • UX Design: User flows and interaction patterns to improve usability.
  • Wireframing & Design Specs: Low-fidelity layouts, typography, spacing, and color systems.
  • Handoff to Implementation: Documentation and design tokens to guide frontend development.

Quick Start

Use the designer skill to draft a UI mockup for the new onboarding flow and export a design spec.

Frequently Asked Questions about designer

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

FAQPage Schema
How do I generate UI design specifications for frontend handoff?▼

UI design specifications are generated by defining visual interface designs, typography, and spacing systems, producing design tokens and documentation to guide frontend development and resolve handoff bottlenecks.

Can I create low-fidelity wireframes and mockups for new features?▼

Yes, low-fidelity wireframes and mockups are created by drafting layout structures and component styling for new product features, establishing the foundational visual and interaction patterns required.

How do I design user flows and interaction patterns to improve UX?▼

UX user flows and interaction patterns are designed by mapping out the visual and interaction logic that guides product interfaces, ensuring usability requirements are satisfied across features.

What is the best way to develop a consistent design system across teams?▼

A consistent design system is developed by establishing reusable components, typography, spacing, and color systems, ensuring unified UI/UX specifications are produced across different teams.

Does this work for creating design tokens and component styling?▼

Yes, it supports creating design tokens and component styling by specifying visual interface requirements and generating documentation that standardizes reusable UI elements for development.

Related Skills

Explore More Design & Creative Skills→
kevinlinkevinlin
14

feature-spec

Generate a structured PRD with problem statements, goals, user stories, and acceptance criteria.

Community
Advanced
minhtri2710minhtri2710

frontend-design

Design production-grade frontend interfaces with reusable components and distinctive aesthetics.

Community
Basic
gotalabgotalab
406

notion-research-documentation

Search Notion pages, synthesize findings, and publish structured research reports with citations.

Community
Basic
jeffwweeejeffwweee

ui-designer

Generate HTML wireframes, React/MUI mockups, and design specifications.

Community
Intermediate