Web Design Vocabulary

Name: web-design-vocabulary
Author: TheGoat395

TheGoat395/Codex-Skills

Translate unclear taste into design constraints.

★ 121 Synced 3 hours ago View SKILL.md

At a glance

Design Manual install Python Actively maintained

This skill is for Design and helps you define design requirements, translate design feedback into constraints, and establish design vocabulary.

Install

git clone --depth 1 https://github.com/TheGoat395/Codex-Skills
cp -r Codex-Skills/skills/web-design-vocabulary ~/.claude/skills/web-design-vocabulary

Can use Not declared by the author

Good for Define design requirements for a banner Create a canva design brief Translate design feedback into constraints Establish design vocabulary Clarify design preferences Communicate design intent

Setup, runtime and requirements describe TheGoat395/Codex-Skills, the repo this skill ships in.

Design Language Requirements Gathering Design Communication Terminology Client Collaboration Creative Direction

Also in TheGoat395/Codex-Skills

View the repo

Accessibility Audit Websites Code Review & Testing

Audit semantic and keyboard accessibility.

Accessibility Performance Polish

Finish accessibility and performance details.

Agent Evaluation Operations

Evaluate agent and skill behavior or routing.

Agent Memory Provenance Coding

Design memory provenance and tenant isolation.

Agent Orchestration Architecture DevOps & Infrastructure

Resolve agent ownership and handoff design.

Animation Easing Language

Define coherent motion timing and rhythm.

Animation Jank Qa Code Review & Testing

Diagnose a concrete rendered hitch or stutter.

Animation Tool Router

Resolve motion tools or native View Transitions.

Anti Generic Website Review Design

Repair interchangeable website design patterns.

Brand Voice To UI Copy

Translate brand voice into interface microcopy.

Browser Inspection Workflow

Coordinate rendered behavior and state evidence.

Code Change Safety Checkpoint Code Review & Testing

Preserve rollback before materially risky edits.

Other Design skills

Frontend Design anthropics/skills

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typog...

Algorithmic Art anthropics/skills

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art...

Prototype mattpocock/skills

Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right,...

Design An Interface mattpocock/skills

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explor...

Wireframe Sketch nexu-io/open-design

A hand-drawn wireframe exploration — graph-paper background, marker / pencil tone, multiple tab labels for variants, sticky-note annotations...

Wireframe Annotated nexu-io/open-design

An annotated / redline lo-fi wireframe — a desktop landing/marketing page drawn as flat greyboxes inside a browser chrome frame, overlaid wi...