zoonk-design

Name: zoonk-design
Availability: InStock
Author: Zoonk

Enforces typography, color, spacing, and component guidelines for cohesive UI/UX.

146|12|Updated Jan 30, 2025

Search Tags:#typography #design #ui #components #guidelines #ux

Ready to run

npx skills add https://github.com/zoonk/zoonk --skill zoonk-design

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: zoonk-design
Source: https://github.com/zoonk/zoonk/tree/main/.agents/skills/zoonk-design
Command: npx skills add https://github.com/zoonk/zoonk --skill zoonk-design

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a concise, principled set of UI/UX guidelines to unify design decisions and ensure cohesive interfaces across features and teams.

Core Features & Use Cases

Design Language: typography, color usage, spacing, and component guidelines to maintain visual consistency.
Review & Planning: guides for design reviews, feature planning, and implementation alignment.
Use Case: when starting a new feature, reference these guidelines to ensure fast alignment and quality.

Quick Start

Review the core principles and apply them to planning, reviewing, and implementing UI/UX decisions.

Frequently Asked Questions about zoonk-design

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

FAQPage Schema

How do I maintain visual consistency for UI components across different feature teams?▼

UI components stay consistent by applying codified guidelines for typography, color, and spacing. This ensures cohesive interfaces and aligns design decisions across planning, reviews, and implementation.

What guidelines should I follow when starting a new UI feature to ensure accessibility?▼

Accessibility considerations are enforced alongside typography and component guidelines when planning a new UI feature. Referencing these principles ensures fast alignment and quality during implementation.

Can I use these UX principles for both design reviews and implementation alignment?▼

UX principles can be applied across design reviews, feature planning, and implementation scenarios. They codify UI/UX philosophy to unify design decisions and ensure cohesive interfaces throughout the workflow.

What is the best way to align design decisions for spacing and typography in a new project?▼

The best way to align spacing and typography decisions is to reference a principled set of design language guidelines. This unifies visual consistency and ensures cohesive interfaces across features.

Do I need any specific dependencies to enforce UX guidelines during feature planning?▼

No dependencies are required to enforce UX guidelines during feature planning. The Skill operates independently to codify design philosophy and align UI decisions across teams.

Why does UI implementation often lack cohesive interfaces across different teams?▼

Cohesive interfaces are often lacking because teams lack a principled set of UI/UX guidelines. Codifying design language for typography and components unifies decisions and prevents visual fragmentation.