thedesignproject

23 mods across 1 repository, 81 stars between them.

accessibility

01

thedesignproject/agent-skills

Skill Claude CodeCodex

Audit and improve web accessibility following WCAG 2.2 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader support", "keyboard navigation", or "make accessible".

81 7d ago A 51 tokens copy · 89% MIT

thedesignproject/agent-skills

Skill Claude CodeCodex

Use when designing, scaffolding, extending, or auditing a component library whose primary consumer is an AI agent — i.e. the design system needs machine-readable metadata (props, variants, relationships, tokens, anti-patterns) rather than only prose docs. Triggers include "agentic design system", "design system for…

81 7d ago A 136 tokens original MIT

thedesignproject/agent-skills

Skill Claude CodeCodex

Generate AI-ready metadata for design system components to enable intelligent UI generation. Analyzes component structure and generates structured metadata that helps AI understand when and how to use components correctly. Useful for teams building AI-consumable design systems.

81 7d ago A 51 tokens original MIT

thedesignproject/agent-skills

Skill Claude CodeCodex

Use this skill when a designer needs to prepare for a business kickoff workshop with a new customer, or needs to fill a Business Model Canvas after the call. Triggers when someone mentions a kickoff call, BMC workshop, business model canvas, or needs to prepare questions for a new customer discovery session.

81 7d ago A 67 tokens original MIT

caveman

05

thedesignproject/agent-skills

Skill Claude CodeCodex

Ultra-compressed communication mode. Cuts token usage 75% by speaking like caveman while keeping full technical accuracy. Supports intensity levels: lite, full (default), ultra, wenyan-lite, wenyan-full, wenyan-ultra. Use when user says "caveman mode", "talk like caveman", "use caveman", "less tokens", "be brief", or…

81 7d ago A 98 tokens copy · 100% MIT

create-skill

07

thedesignproject/agent-skills

Skill Claude CodeCodex

Create Cursor Agent Skills. Use when authoring a new skill or asking about SKILL.md structure.

81 7d ago A 24 tokens copy · 94% MIT

thedesignproject/agent-skills

Skill Claude CodeCodex

Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to Figma', 'create in Figma from code', 'push page to Figma', 'take this app/page and build it in Figma', 'create a screen', 'build a landing page in Figma', 'update the…

81 7d ago A 192 tokens original MIT

figma-use

10

thedesignproject/agent-skills

Skill Claude CodeCodex

MANDATORY prerequisite — you MUST invoke this skill BEFORE every usefigma tool call. NEVER call usefigma directly without loading this skill first. Skipping it causes common, hard-to-debug failures. Trigger whenever the user wants to perform a write action or a unique read action that requires JavaScript execution in…

81 7d ago A 114 tokens original MIT

find-skills

11

thedesignproject/agent-skills

Skill Claude CodeCodex

Helps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express interest in extending capabilities. This skill should be used when the user is looking for functionality that might exist as an installable skill.

81 7d ago A 67 tokens copy · 81% MIT

frontend-design

12

thedesignproject/agent-skills

Skill Claude CodeCodex

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

81 7d ago A 43 tokens copy · 89% MIT

thedesignproject/agent-skills

Skill Claude CodeCodex

When the user wants to apply psychological principles, mental models, or behavioral science to marketing. Also use when the user mentions 'psychology,' 'mental models,' 'cognitive bias,' 'persuasion,' 'behavioral science,' 'why people buy,' 'decision-making,' 'consumer behavior,' 'anchoring,' 'social proof,'…

81 7d ago A 111 tokens copy · 91% MIT

thedesignproject/agent-skills

Skill Claude CodeCodex

Walk a manager through a full quarterly performance review for a direct report, including peer feedback synthesis, performance/potential ratings, leadership principles assessment, and development planning.

81 7d ago A 35 tokens original MIT

thedesignproject/agent-skills

Skill Claude CodeCodex

Help an employee write their own self-assessment for a quarterly performance review — accomplishments, challenges, leadership-principles self-rating, and development-plan progress.

81 7d ago B 36 tokens original MIT

pr-branch-naming

17

thedesignproject/agent-skills

Skill Claude CodeCodex

Generate a conventionally-named branch and PR title from a feature description. Use when the user is starting a new branch, opening a PR, or asks how to name a branch or PR. Triggers on phrases like "create a branch", "name this branch", "open a PR", "what should I call this branch", "PR title for this".

81 7d ago A 79 tokens original MIT

presentation

18

thedesignproject/agent-skills

Skill Claude CodeCodex

Creates polished single-file HTML/CSS/JS slide deck presentations with animations, keyboard/click/swipe navigation, and progressive bullet reveal. Use when the user wants to create a presentation, slide deck, pitch deck, or wants to present content as slides.

81 7d ago A 53 tokens original MIT

thedesignproject/agent-skills

Skill Claude CodeCodex

Create or improve a repo's AGENTS.md, CLAUDE.md, PRODUCT.md, DESIGN.md, and project skills so AI agents can use the product and design system accurately.

81 7d ago A 40 tokens original MIT

prompt-engineer

20

thedesignproject/agent-skills

Skill Claude CodeCodex

Writes, refactors, and evaluates prompts for LLMs — generating optimized prompt templates, structured output schemas, evaluation rubrics, and test suites. Use when designing prompts for new LLM applications, refactoring existing prompts for better accuracy or token efficiency, implementing chain-of-thought or few-shot…

81 7d ago A 93 tokens copy · 91% MIT

ux-audit

21

thedesignproject/agent-skills

Skill Claude CodeCodex

Professional UX and landing page audit. Identifies the top 3 critical quality issues, auto-implements fixes, and generates a Loom video transcript to share improvements with the lead. Use when auditing a website or landing page for professionalism and craft.

81 7d ago A 52 tokens original MIT

thedesignproject/agent-skills

Skill Claude CodeCodex

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

81 7d ago A 44 tokens copy · 100% MIT

writing-skills

23

thedesignproject/agent-skills

Skill Claude CodeCodex

Use when creating new skills, editing existing skills, or verifying skills work before deployment.

81 7d ago A 20 tokens copy · 80% MIT