design

Generate logos, corporate identity mockups, UI styling, and social media images.

Updated Jul 6, 2026
One-click install
npx skills add https://github.com/ll1llk/portfilo --skill design-ll1llk
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design
Source: https://github.com/ll1llk/portfilo/tree/main/v0_memories/user/skills/design
Command: npx skills add https://github.com/ll1llk/portfilo --skill design-ll1llk

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python, google-genai, pillow, google-genai, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill streamlines various design tasks by providing a unified suite of functionalities, enabling users to create comprehensive design assets for various applications.

Core Features & Use Cases

  • Brand Identity: Offers a range of features to establish and maintain brand identity, including logo design, corporate identity programs, and brand guidelines.
  • UI Styling: Provides tools for UI styling using shadcn/ui and Tailwind, including CSS variables and design tokens.
  • Logo Design: Offers AI-powered logo generation with 55+ styles, 30 color palettes, and 25 industry guides.
  • CIP Design: Generates mockups for corporate identity programs with 50+ deliverables, 20 styles, and 20 industries.
  • Slides: Generates strategic HTML presentations with Chart.js, design tokens, and copywriting formulas.
  • Banner Design: Creates banners for social media, ads, web, and print with 22 art direction styles.
  • Icon Design: Generates SVG icons with 15 styles, 12 categories, and multi-size export options.
  • Social Photos: Designs multi-platform social images by converting HTML/CSS to screenshots.
  • Use Case: Imagine you need to design a new brand identity for a tech startup. Use this Skill to generate a logo, create a corporate identity program, design a set of social media images, and build a pitch deck.

Quick Start

Use the design skill to generate a logo for your brand 'TechFlow' with a minimalist style and tech industry focus.

Frequently Asked Questions about design

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

FAQPage Schema
How do I generate a logo and brand identity for a tech startup?

Yes, this Skill provides UI styling tools using shadcn/ui and Tailwind, generating CSS variables and design tokens to style interfaces. It helps apply consistent design tokens across your user interface components.

Can I create HTML presentations and social media banners with design tokens?

Yes, you can create strategic HTML presentations with Chart.js and design social media banners using 22 art direction styles. The presentation design incorporates design tokens and copywriting formulas to generate slides.

Do I need Python and Pillow installed to run logo generation and mockup creation?

Yes, you need Python, Pillow, and external tools installed because the Skill utilizes various Python scripts to execute AI-powered logo generation and mockup creation tasks. These dependencies are required for processing design assets.

How do I export SVG icons in multiple sizes and categories?

You can export SVG icons with multi-size export options by selecting from 15 styles and 12 categories. The icon design feature generates scalable vector graphics tailored to your specific project requirements.