skills.rest
zoonk
zoonkOFFICIAL
Explore all skills by this author →
Website𝕏@zoonkcomGitHub

zoonk-design

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
One-click install
npx skills add https://github.com/zoonk/zoonk --skill zoonk-design
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
ydnikolaevydnikolaev
8

idea-interview

Extract project information through structured stakeholder interviews into a discovery brief.

Community
Advanced
giosuetedeschi-specgiosuetedeschi-spec

brainstorming

Translate abstract project ideas into validated technical specifications through iterative questioning.

Community
Intermediate
chris78reychris78rey

design-system-components

Generate HTML/Tailwind UI components and design tokens with CSS variables and reusable patterns.

Community
Basic
jcdiv47jcdiv47

normalize

Audit frontend features and produce a design-system normalization plan.

Community
Advanced