Skip to content
Agentmart
Submit a tool

design-direction

Creates a distinctive visual direction for interfaces, pages, dashboards, slides, forms, and other visual artifacts.

Skill by zrosenfield

IndexedMIT★ 99
Write a review

Install

Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.

npx agentmarket install skill/zrosenfield-design-direction

Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.

Get the weekly diff

The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.

We use your email only for this newsletter. Privacy

About

Creates a distinctive visual direction for interfaces, pages, dashboards, slides, forms, and other visual artifacts. Use when the user asks to "make this look good," "redesign this," "make it more visual," "create a polished visual," or produce something bold, expressive, immersive, or memorable. Prevents report-page fallback, repeated layout grammar, cosmetic reskins, decorative UI, and invented content. Do not use for content-only editing, analytical questions, functional code changes, or minor formatting requests without a visual-design goal.

Use cases: documents, presentations, design, writing

No reviews yet. Installed it? Reviews come from verified installers only. How reviews work

Permissions

What this skill can do and what it asks for, from its SKILL.md and code. Checked Oct 25, 2026.

Tools
No tools found
Secrets
None asked for
Install scripts
None found

Network hosts it talks to 1

  • codeload.github.com · found in install command

Files it touches

  • ~/.claude/skills/design-direction

What's inside

Skill name
design-direction
Description
Creates a distinctive visual direction for interfaces, pages, dashboards, slides, forms, and other visual artifacts. Use when the user asks to "make this look good," "redesign this," "make it more visual," "create a polished visual," or produce something bold, expressive, immersive, or memorable. Prevents report-page fallback, repeated layout grammar, cosmetic reskins, decorative UI, and invented content. Do not use for content-only editing, analytical questions, functional code changes, or minor formatting requests without a visual-design goal.
License
MIT
Instructions
52 lines in SKILL.md · view on GitHub

Files (1)

  • SKILL.md

SKILL.md (first lines)

# Design Direction

Prevent visually polished work from collapsing into the same reusable design with different content.

## Decision rules

- Before choosing a layout, identify one brief-specific visual proposition that makes the artifact memorable. It must affect the dominant composition, hierarchy, scale, sequence, or interaction—not only color, type, or decoration.
- Do not refine the first plausible direction. Use the creative seed to consider materially different visual propositions, then choose the one that best expresses the brief rather than the one that is easiest to implement.
- Treat "bold" as a decisive visual idea, not as more gradients, decoration, motion, or color.
- When recent related artifacts are available in context, identify the closest one before committing to a direction.
- Treat repetition in structure, information sequence, primary visualization, composition, palette, typography, or component grammar as a collision signal.
- If a result differs from the closest related artifact mainly through color, type, decoration, or reordered cards, revise the underlying structure.
- Let the content determine which differences matter. Do not satisfy variety by mechanically changing a fixed number of dimensions.
- Preserve required content, claims, functionality, brand constraints, and accessibility. Variety is not permission to alter meaning.

## Creative entropy

Before selecting a direction, obtain a non-semantic seed from the runtime, such as a request identifier, session identifier, or current timestamp. Do not pretend that a model-generated string is random.

Privately use the seed to disrupt the most obvious choices in composition, hierarchy, rhythm, material, imagery, and interaction. Look for patterns or associations in the seed only as a way to reach less probable ideas.

The seed is inspiration, not a specification. Discard any interpretation that conflicts with the brief, content, accessibility, brand constraints, or usability. Do not reveal the seed in the artifact or describe it as part of the design rationale.

If the runtime exposes no external value, proceed from the brief without inventing fake randomness and rely on the collision checks below.

## Failure checks

Reject or revise an artifact when any of these are true:

- Its dominant structure is a vertical stack of titled report sections.
- Cards, panels, and containers are the primary visual idea rather than a consequence of the content.
- Its most memorable quality is that it looks clean, professional, polished, or editorial.
- Every section has similar visual weight, producing no deliberate focal moment.
- The visual concept could be removed without changing how the artifact communicates.
- Changing the title would make it plausible for an unrelated brief.
- It repeats a familiar hero, metric strip, chart region, timeline, and recommendation sequence without the content requiring that sequence.
- It defaults to warm-paper editorial styling, dark recommendation slabs, purple-blue gradients, floating glass panels, bento grids, or uniform rounded cards because they are convenient.
- It repeats the palette, title treatment, card grammar, or data sequence of a nearby artifact without a content-driven reason.
- Containers, pills, badges, icons, grids, imagery, or motion are decorative rather than communicating grouping, state, sequence, or meaning.
- Empty hero space or oversized titles displace useful information.
- It invents claims, data, labels, interactions, or states that the source does not support.
- Placeholder text or fake data appears in the delivered artifact.
- Visual novelty weakens legibility, contrast, focus visibility, touch targets, responsive behavior, or reduced-motion support.

Do not replace one recurring template with a prescribed menu of alternate templates. Avoid choosing a named visual form merely because it appears in these instructions.

## Delivery

Build and render the finished artifact. Do not return exploratory directions, token lists, implementation code, or a generic design plan unless the user asks for them.

When context includes related outputs, briefly name the structural collision that was avoided. If a tool fails or produces no result, state that plainly and do not invent a completed artifact.

From zrosenfield/sharepoint-ai-skills, MIT.

More from zrosenfield/sharepoint-ai-skills

Signals

Stars
99
Forks
31
Open issues
0
Last commit (this folder)
Sep 6, 2026 (1 month ago)

From GitHub (fetched Oct 24, 2026).

Details

License
MIT
First seen
Oct 24, 2026
Last checked
Oct 24, 2026

More from zrosenfield

Cite this page

design-direction skill. Agent Mart. https://agentmart.dev/skills/zrosenfield-design-direction (last updated 2026-10-24)