design tools skills

237 tagged design tools, measured the same way as everything else here.

Browse within: clawhub 62ftue 60game-design 60game-dev 60animation 58motion-design 58motion-graphics 58sequence-design 28codegen 22design-to-code 22bioinformatics 21Structure Prediction 17figma 17binder 15

nevertoday/zhongguo-traditional-colors

Skill Claude CodeCodex

Check and repair Chinese traditional color combinations for readability and accessibility. Use when a user asks whether text, buttons, UI states, charts, light mode, dark mode, or traditional color palettes meet contrast and non-color-cue requirements.

1.2k 17d ago A 52 tokens original MIT

xxd-brand-system

02

nevertoday/zhongguo-traditional-colors

Skill Claude CodeCodex

Build a reusable brand color system from Chinese traditional colors. Use when a user needs brand palette governance, color rules, identity consistency, usage ratios, forbidden combinations, cross-channel guidance, or long-term visual rules based on Chinese traditional colors.

1.2k 17d ago A 52 tokens original MIT

xxd-color-brief

03

nevertoday/zhongguo-traditional-colors

Skill Claude CodeCodex

Turn vague visual direction into a practical Chinese traditional color brief. Use when a user has mood words, client feedback, audience positioning, references, or an unclear Chinese traditional color direction that must become palette constraints before choosing colors.

1.2k 17d ago A 50 tokens original MIT

PharMolix/OpenBioMed

Skill Claude CodeCodex

All-atom protein design using BoltzGen diffusion model. Use this skill when: (1) Need side-chain aware design from the start, (2) Designing around small molecules or ligands, (3) Want all-atom diffusion (not just backbone), (4) Require precise binding geometries, (5) Using YAML-based configuration. For structure…

1.1k 1mo ago A 89 tokens original MIT

xyz-fade-big

05

nexu-io/motion-anything

Skill Claude CodeCodex

Fade Big — a composable AnimXYZ entrance via the xyz="fade big-50%" attribute. Declarative: mix fade + move + scale + rotate without writing keyframes. MIT. Honors prefers-reduced-motion.

738 1mo ago A 50 tokens original Apache-2.0

xyz-fade-down

06

nexu-io/motion-anything

Skill Claude CodeCodex

Fade Down — a composable AnimXYZ entrance via the xyz="fade down-3" attribute. Declarative: mix fade + move + scale + rotate without writing keyframes. MIT. Honors prefers-reduced-motion.

738 1mo ago A 50 tokens original Apache-2.0

xyz-fade-left

07

nexu-io/motion-anything

Skill Claude CodeCodex

Fade Left — a composable AnimXYZ entrance via the xyz="fade left-3" attribute. Declarative: mix fade + move + scale + rotate without writing keyframes. MIT. Honors prefers-reduced-motion.

738 1mo ago A 50 tokens original Apache-2.0

boltzgen

08

adaptyvbio/protein-design-skills

Skill Claude CodeCodex

All-atom protein design using BoltzGen diffusion model. Use this skill when: (1) Need side-chain aware design from the start, (2) Designing around small molecules or ligands, (3) Want all-atom diffusion (not just backbone), (4) Require precise binding geometries, (5) Using YAML-based configuration. For backbone-only…

157 2mo ago A 103 tokens original MIT

chalk-logic

09

CaliCastle/skills

Skill Claude CodeCodex

Create Chalk Logic concept-led chalkboard illustrations from briefs. Use for sparse wordless chalkboard explanations, non-diagram editorial chalk compositions, or prompt-only Chalk Logic recipes.

92 1mo ago A 38 tokens original MIT

signal-geometry

10

CaliCastle/skills

Skill Claude CodeCodex

Create Signal Geometry abstract illustrations and posters from concepts or briefs. Use when the user asks for sparse geometric visuals, editorial posters, spatial systems, or prompt-only image recipes.

92 1mo ago A 38 tokens original MIT

Stanestane/game-design-skills-bundle

Skill Claude CodeCodex

Audit a game, feature, progression system, social system, live-ops loop, monetization surface, or onboarding flow through a granular player motivation taxonomy. Use when evaluating which player motivation archetypes a design strongly serves, neglects, or actively repels; when comparing a concept against segments such…

55 12d ago A 142 tokens

Stanestane/game-design-skills-bundle

Skill Claude CodeCodex

Design a complete leaderboard system from scratch for a game, feature, or competitive mode. Covers group structure, league ladder, round cadence, reward brackets, score design, group composition, and top-of-ladder sustainability. Use when starting a new competitive feature, when a basic leaderboard needs a full…

55 12d ago A 99 tokens

Stanestane/game-design-skills-bundle

Skill Claude CodeCodex

Audit an existing or proposed premium pass (battle pass, season pass) for value proposition integrity, progression health, free track balance, reward pacing, engagement loop quality, and economy impact. Use when evaluating a pass before launch, diagnosing why a pass is underperforming, reviewing a competitor's pass…

55 12d ago A 80 tokens

openpencil-design

14

ZSeven-W/openpencil-skill

Skill Claude CodeCodex

Use when designing UI with OpenPencil — creating layouts via op CLI, batch design DSL, sandboxed JS scripts, or MCP tools. Covers PenNode schema, semantic roles, typography, color, spacing, and common component patterns.

51 21d ago A 52 tokens original MIT

aw-mg-import-parity

15

AaronXu-Lab/MasterGo2Figma

Skill Claude CodeCodex

A workflow for fixing cases where MasterGo design files do not import into Figma with the same visual result as a reference screenshot or structure.

50 3d ago A 210 tokens

rfdiffusion

16

zongtingwei/Bioclaw_Skills_Hub

Skill Claude CodeCodex

Generate protein backbones using RFdiffusion, a diffusion-based generative model for de novo protein structure generation. Use this skill when: (1) Designing binder scaffolds for a target protein, (2) Generating novel protein backbones from scratch, (3) Scaffolding functional motifs into new proteins, (4) Specifying…

26 4mo ago A 130 tokens original MIT

opensesh/DESIGN-OPS

Skill Claude CodeCodex

Use when reviewing UI/frontend code, conducting PR reviews for components, checking design system compliance, or after any UI component work.

23 3mo ago A 29 tokens original Apache-2.0

frontend-design

18

opensesh/DESIGN-OPS

Skill Claude CodeCodex

Use when building UI components, making design decisions for frontend work, reviewing UI implementation quality, or planning interaction patterns.

23 3mo ago A 26 tokens original Apache-2.0

mcp-discovery

19

opensesh/DESIGN-OPS

Skill Claude CodeCodex

Dynamic MCP package discovery at runtime. Instead of relying on a static registry, this skill verifies MCP availability by querying npm, GitHub, and vendor documentation.

23 3mo ago A 0 tokens original Apache-2.0

design-from-code

20

nlook-service/design-from-code

Skill Claude CodeCodex

Workflow skill that turns one issue/requirement into a design in the order "verify real code & data → iterate faithful HTML mockups → design doc (.md) → delegate implementation." When designing a change to existing UI, it reads the actual component source and data model instead of imagining them, and reproduces the…

20 2mo ago A 135 tokens original MIT

unship

21

mbenhard/unship

Skill Claude CodeCodex

Use when the user wants to compare agent-made local alternatives: UI sections, copy, states, flows, design-system directions, rendered docs or DX surfaces, visual directions, picker previews, or cleanup of temporary Unship markup.

19 2mo ago A 48 tokens original MIT

noemica-io/design-graph

Skill Claude CodeCodex

Teaches Claude how to author variant pages for a Design Graph canvas. Design Graph is a viewer — the real work is generating many good, genuinely-different HTML page variants in parallel, wiring them as nodes+edges, and writing descriptions users will actually read. Use whenever the user asks to "add a variant"…

18 4mo ago A 145 tokens original MIT

ux-audit

23

EliaAlberti/ux-audit-skill

Skill Claude CodeCodex

Run a heuristic UX audit of a customer journey from screenshots. Use when the user asks for a UX audit, heuristic evaluation, usability review, design teardown, or expert review of screens, mockups, or a flow, whether your own product or a competitor's. Evaluates against named frameworks (Nielsen, Shneiderman…

17 2mo ago A 160 tokens original MIT

a11y-audit

24

renfei-design/Figma-AI-Bridge

Skill Claude CodeCodex

Audit Figma designs for WCAG accessibility issues — color contrast, minimum font size, touch target sizing, and missing text alternatives. Use when asked to check accessibility, audit contrast ratios, find a11y issues, verify WCAG compliance, or review designs for accessibility problems. Scans nodes, analyzes offline…

15 6mo ago A 76 tokens original MIT