skills.rest
guideops
guideopsCOMMUNITY
Explore all skills by this author →
GitHub

doodle

Apply doodle design tokens for color, typography, and spacing.

Updated Jun 23, 2026
Search Tags:#sketch#hand-drawn#design style#handwritten fonts#playful interface
One-click install
npx skills add https://github.com/guideops/agentic-shared --skill doodle-guideops
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: doodle
Source: https://github.com/guideops/agentic-shared/tree/main/skills/awesome-design-skills/styles/doodle
Command: npx skills add https://github.com/guideops/agentic-shared --skill doodle-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 set of design tokens and foundational principles to create hand-drawn, sketch-like styles with a playful and informal feel, enhancing the emotional connection and artistic expression in design.

Core Features & Use Cases

  • Design Tokens: Offers a comprehensive set of color, typography, and spacing tokens.
  • Typography: Features fonts like Delius Swash Caps and JetBrains Mono.
  • Color Palette: Includes primary, secondary, neutral, success, warning, danger, surface, and text colors.
  • Spacing Scale: Defines scales for spacing to ensure consistency across design elements.
  • Use Case: Ideal for creating interfaces that convey a sense of creativity and approachability, such as playful applications or informal presentations.

Quick Start

Apply the doodle style to your design project by incorporating the provided color palette, typography, and spacing guidelines into your design system.

Frequently Asked Questions about doodle

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

FAQPage Schema
How do I create a hand-drawn design style for a playful interface?▼

A hand-drawn design style uses imperfect lines, doodles, and handwritten fonts like Delius Swash Caps and JetBrains Mono to give interfaces a playful, informal feel.

What design tokens are included for building a sketch-like interface?▼

The sketch-like interface tokens include a color palette with primary, secondary, neutral, success, warning, danger, surface, and text colors, alongside typography and spacing scales for visual consistency.

Can I use handwritten fonts and doodles for informal application interfaces?▼

Handwritten fonts and doodles are ideal for informal application interfaces because they convey creativity and approachability, enhancing the emotional connection and artistic expression of the design.

Do I need to understand design systems to apply a playful design style?▼

Yes, applying a playful design style requires an understanding of design systems and the ability to apply visual style principles to properly incorporate the provided color, typography, and spacing guidelines.

When should I use a hand-drawn design style over a standard interface design?▼

Use a hand-drawn design style over standard interface designs when aiming for a playful and informal feel, specifically to enhance emotional connection and artistic expression in creative applications or informal presentations.

Related Skills

Explore More Design & Creative Skills→
wyhlovecppwyhlovecpp

excalidraw

Generate hand-drawn style diagrams as excalidraw JSON files.

Community
Basic
AshesOfTheUndeadAshesOfTheUndead

doodle

Define and enforce hand-drawn design tokens for UI components.

Community
Intermediate
fatihkanfatihkan
7

minimalist-ui

Define a frontend UI protocol enforcing ultra-minimal editorial styling across components.

Community
Advanced
MinhDuyDEVMinhDuyDEV

industrial-brutalist-ui

Create industrial brutalist user interfaces with rigid grids and tactical telemetry aesthetics.

Community
Advanced