sketch

Provide a hand-drawn sketch design system with typography, color, and spacing scales for Sketch.

Updated Jun 23, 2026
One-click install
npx skills add https://github.com/guideops/agentic-shared --skill sketch-guideops
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: sketch
Source: https://github.com/guideops/agentic-shared/tree/main/skills/awesome-design-skills/styles/sketch
Command: npx skills add https://github.com/guideops/agentic-shared --skill sketch-guideops

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides a design system for Sketch, offering a hand-drawn sketch aesthetic with warm paper and soft teal accents to enhance design consistency and visual appeal.

Core Features & Use Cases

  • Hand-drawn Sketch Aesthetic: Emulates a warm paper, hand-drawn sketch look with soft teal accents.
  • Typography Scale: Offers a comprehensive typography scale for different design elements.
  • Color Palette: Includes a predefined color palette with primary, secondary, and neutral tones.
  • Spacing Scale: Provides a detailed spacing scale for alignment and spacing of design elements.
  • Use Case: Ideal for designers looking to create a modern, clean, and high-contrast visual style for their Sketch projects.

Quick Start

Apply the 'sketch' design system to your Sketch project to achieve a hand-drawn sketch aesthetic with soft teal accents.

Frequently Asked Questions about sketch

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

FAQPage Schema
How do I apply a hand-drawn sketch aesthetic to my Sketch design system?

To apply a hand-drawn sketch aesthetic to your Sketch design system, use this Skill to implement a warm paper texture, soft teal color palette, and a complete typography scale for modern, high-contrast visual consistency.

What is the best way to set up a typography and spacing scale for a Sketch project?

The best way to set up a typography and spacing scale for a Sketch project is to apply this design system, which provides predefined scales for alignment and typography to ensure clean, consistent design elements.

Does this Sketch design system include a predefined color palette?

Yes, this Sketch design system includes a predefined color palette featuring warm paper textures and soft teal accents, alongside primary, secondary, and neutral tones to enhance visual appeal.

Can I use this sketch aesthetic design system for high-contrast visual styles?

Yes, you can use this sketch aesthetic design system for high-contrast visual styles. It is optimized for Sketch users looking to create modern, clean designs with a hand-drawn look and soft teal accents.

Do I need any dependencies to use this hand-drawn sketch design system?

No, you do not need any dependencies to use this hand-drawn sketch design system. It is a standalone Skill that includes scripts, references, and assets to directly apply the aesthetic to your Sketch project.

Why use a design system for a Sketch project instead of styling elements individually?

Using a design system for a Sketch project solves the problem of visual inconsistency by providing a predefined color palette, typography scale, and spacing scale, ensuring a cohesive hand-drawn sketch aesthetic throughout.