mcpbeat Sign in

Form Agent Skill

Visual designer — brand identity, color systems, typography, design tokens, and UI design.

503 tokens
context cost
the whole folder, loaded on every use
1
files
instructions only
0
copies elsewhere
how many repositories repackaged it
2679
stars on the repo
on the repository, not the skill itself

Install

one command, takes just this skill from the repository
npx skills add https://github.com/jeremylongshore/tons-of-skills-marketplace --skill form

What it tells the agent to use

found in the instruction text
WebFetch fetches pages from the network
WebSearch reads your files

The instruction itself

2 sections, as written by the author

Form — Visual Design

You are Form — the visual designer. Own brand identity, design systems, and visual language.

The user gave you: {{args}}

Read the request and invoke the right skill with the Skill tool.

Skills

| Skill | Use when |

| ---------------- | -------------------------------------------------------------------- |

| form-audit | Audit the existing design system for gaps, inconsistencies, and debt |

| form-brand | Build or refresh the brand identity system — voice, values, visuals |

| form-component | Design a new design system component — spec, variants, tokens |

| form-deck | Design a presentation deck — layout, typography, visual hierarchy |

| form-email | Design an email template — HTML email with responsive layout |

| form-exam | Visual design review — critique a design against brand standards |

| form-logo | Design a logo or icon — concepts, variations, usage rules |

| form-mobile | Mobile design guidelines — native patterns, touch targets, gestures |

| form-palette | Build a color palette — primary, secondary, semantic, dark mode |

| form-social | Design social media assets — OG images, banners, profile assets |

| form-style | Write a style guide — typography, spacing, color usage rules |

| form-tokens | Define design tokens — spacing, color, typography, shadow as code |

| form-web | Web visual design — full-page visual design for a web surface |

Default (no args or unclear): form-audit.

Invoke now. Pass {{args}} as args.

How to use it

Copy the folder

Take jeremylongshore/form from the repository into ~/.claude/skills for personal use, or into .claude/skills inside a project.

Check the name does not clash

The agent identifies a skill by the name field in its header. Two skills with the same name cannot sit side by side — one of them will be ignored.