design

Synthesize typography, color, spacing, layout, and animation preferences into visual identities.

Updated Jan 5, 2026
One-click install
npx skills add https://github.com/JacbK/jacob-kieser-portfolio --skill design-jacbk
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design
Source: https://github.com/JacbK/jacob-kieser-portfolio/tree/main/.agent/skills/design
Command: npx skills add https://github.com/JacbK/jacob-kieser-portfolio --skill design-jacbk

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designers often rely on templates and generic layouts. This skill helps synthesize a unique visual identity by combining inspirations with personal preferences, ensuring the portfolio feels truly tailored.

Core Features & Use Cases

  • Synthesize typography, color, spacing, layout, and animation philosophy from multiple inspirations.
  • Create cohesive visual identities for portfolios, brands, and case studies that reflect a person’s story.
  • Use case: generate a design concept that blends preferred fonts, color mood, and layout approach to produce a ready-to-iterate concept.

Quick Start

Generate a cohesive design concept for a personal portfolio by blending inspirations with the subject's preferences.

Frequently Asked Questions about design

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

FAQPage Schema
How do I create a visual identity for a portfolio without relying on generic templates?

To create a visual identity for a portfolio without generic templates, synthesize your specific inspirations and personal preferences. This generates a tailored concept blending typography, color, spacing, layout, and animation philosophy into a cohesive, ready-to-iterate design.

How does synthesizing inspiration work to generate a brand design concept?

Synthesizing inspiration works by extracting typography, color, spacing, layout, and animation philosophy from multiple sources. It combines these elements with personal preferences to produce a cohesive visual identity that reflects a specific story for brand design.

Can I use this to generate a cohesive design concept for a project showcase?

Yes, you can use this to generate a cohesive design concept for a project showcase. It applies synthesized inspirations and preferences to satisfy typography, color, and layout requirements, ensuring the showcase reflects a tailored visual identity.

What's the best way to blend preferred fonts and color mood into a layout approach?

The best way to blend preferred fonts and color mood into a layout approach is to process them together through inspiration synthesis. This merges your typography and color preferences with layout and animation philosophy to output a unified design concept.

Does this approach satisfy specific animation philosophy requirements for case studies?

Yes, this approach satisfies animation philosophy requirements for case studies. It synthesizes motion design preferences alongside typography, color, and layout constraints to ensure the visual identity remains cohesive across all project showcases.

When do I need to synthesize a unique visual identity instead of using standard layouts?

You need to synthesize a unique visual identity instead of using standard layouts when a portfolio or brand must feel truly tailored. This process combines multiple inspirations with personal preferences to avoid generic designs and reflect a specific story.