supercharge-growth/ai-design-skills
Skill Claude CodeCodexCursor
Ultra-compressed communication mode. Cuts token usage 75% by dropping filler, articles, and pleasantries while keeping full technical accuracy. Use when user says "caveman mode", "talk like caveman", "use caveman", "less tokens", "be brief", or invokes /caveman.
supercharge-growth/ai-design-skills
Skill Claude CodeCodexCursor
Guides designers through creating an agent skill in this workshop repo — onboarding, JTBD, TDD, naming, and shipping a PR. Use when the user says onboard me, start onboarding, how to write a skill, or wants to create a design skill from scratch.
supercharge-growth/ai-design-skills
Skill Claude CodeCodexCursor
Execute git commit with conventional commit message analysis, intelligent staging, and message generation. Use when user asks to commit changes, create a git commit, or mentions "/commit". Supports: (1) Auto-detecting type and scope from changes, (2) Generating conventional commit messages from diff, (3) Interactive…
supercharge-growth/ai-design-skills
Skill Claude CodeCodexCursor
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".
supercharge-growth/ai-design-skills
Skill Claude CodeCodexCursor
Test-driven development with red-green-refactor loop. Use when user wants to build features or fix bugs using TDD, mentions "red-green-refactor", wants integration tests, or asks for test-first development.
supercharge-growth/ai-design-skills
Instructions file CodexOpenCode
Instructions for supercharge-growth/ai-design-skills, covering agents.md — read this first, kickstart the onboarding, guardrails (always follow) and where things live.
supercharge-growth/ai-design-skills
Skill Claude CodeCodex
One sentence: WHAT it does. Second sentence: "Use when [specific triggers, exact phrases the user might say].
supercharge-growth/ai-design-skills
Skill Claude CodeCodex
Audit a design, screenshot, or live component against WCAG 2.1 AA — color contrast, target size, focus order, semantic structure, alt text. Use when the user says "check a11y", "is this accessible?", "audit accessibility", or shares a design before engineering handoff.
supercharge-growth/ai-design-skills
Skill Claude CodeCodex
Generate documentation for a UI component from its source file — variant table, prop reference, usage examples, do/don't, and accessibility notes. Use when the user shares a component file and says "document this", "write docs for this component", or "add this to the design system".
supercharge-growth/ai-design-skills
Skill Claude CodeCodex
Give structured, prioritized design feedback on a mockup or screenshot — hierarchy, consistency, copy, and usability. Use when the user says "review this design", "critique this", "what do you think of this screen?", or shares a Figma frame for feedback.
supercharge-growth/ai-design-skills
Skill Claude CodeCodex
Extract design tokens (colors, typography, spacing, radii, shadows) from a Figma file, screenshot, or pasted style sheet into a clean tokens.json. Use when the user shares a design and asks to "pull tokens", "extract the design system", "get the colors and type", or before starting a Figma-to-code conversion.
supercharge-growth/ai-design-skills
Skill Claude CodeCodex
Convert a Figma frame into a responsive React + Tailwind component that uses the project's existing design tokens instead of hardcoded values. Use when the user shares a Figma URL or selection and asks to "build this", "code this up", "turn this into a component", or "make a React version".