design-skill skills

10 tagged design-skill, measured the same way as everything else here.

design

01

app-builders-club/design-builder

Skill Claude CodeCodex

Knowledge base and rules for the design-builder plugin. Three-layer model (commands -> filters -> knowledge base) for building distinctive production-grade interfaces on web + iOS. Backed by designlib MCP (palettes, fonts, inspirationpages, landingpatterns, icons, animations), iOS HIG references (iOS 18/26 Liquid…

4 1mo ago A 104 tokens original MIT

app-builders-club/design-builder

Skill Claude CodeCodex

Generates custom design system rules for the user's codebase. Use when user says "create design system rules", "generate rules for my project", "set up design rules", "customize design system guidelines", or wants to establish project-specific conventions for Figma-to-code workflows. Requires Figma MCP server…

4 1mo ago A 71 tokens original MIT

app-builders-club/design-builder

Skill Claude CodeCodex

Build or update a professional-grade design system in Figma from a codebase. Use when the user wants to create variables/tokens, build component libraries, set up theming (light/dark modes), document foundations, or reconcile gaps between code and Figma. This skill teaches WHAT to build and in WHAT ORDER — it…

4 1mo ago A 95 tokens original MIT

claude-design-skill

04

0xmhha/claude-design-skill

Skill Claude CodeCodex

Claude Code-based design skill for hi-fi prototyping and Figma MCP-driven precision design work. Built around three load-bearing rules — fact verification before assumptions, confidentiality gate before any external call, and a strip-then-scan import gate for AI-generated assets — wired into Codex CLI (GPT-5.5…

1 1mo ago A 184 tokens original Apache-2.0