jsonlee12138/claude-design
skills/claude-design/SKILL.md
Unified design workflow router for critique, accessibility review, developer handoff, design system work, UX copy, user research, and research synthesis. Use when users ask naturally for design feedback, mockup review, a11y audit, handoff specs, UX writing, research planning, research synthesis, or mention Figma, Pencil, or HTML design workflows and should not need to invoke separate sub-skills manually.
$ install --global
skillsauthnpx skillsauth add jsonlee12138/prompts claude-designInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: May 12, 2026, 7:21 AM127.0s9 files scanned
SKILL.md
- name:
- claude-design
- description:
- Unified design workflow router for critique, accessibility review, developer handoff, design system work, UX copy, user research, and research synthesis. Use when users ask naturally for design feedback, mockup review, a11y audit, handoff specs, UX writing, research planning, research synthesis, or mention Figma, Pencil, or HTML design workflows and should not need to invoke separate sub-skills manually.
Claude Design
Use this skill as the single entry point for design-related requests. Route the request to the most relevant reference prompt instead of asking the user to invoke separate design skills. Keep the reference prompts as the source of detailed guidance; this file only decides which reference(s) to load and which tool path to lock.
Tool selection rules
- If the user explicitly chooses a tool, lock to that tool and do not fall back automatically.
- If the user specifies Figma or Pencil, execute design operations through the Pencil MCP toolchain.
- Treat Figma as a design source/context and Pencil MCP as the execution interface.
- If the user explicitly chooses HTML, stay in HTML mode and do not switch back to a design-tool flow.
- If no design-tool connection is available, ask the user before using HTML mode.
Use this exact confirmation when there is no available design-tool connection:
There is no available design-tool connection right now. Do you want me to continue in HTML design mode?
Read references/CONNECTORS.md whenever you need to interpret ~~design tool semantics for this skill.
Routing rules
Default to one best-matching reference. Only combine multiple references when the user request clearly spans multiple design stages. If the request is ambiguous, ask one minimal clarifying question before loading references. Do not expand scope implicitly.
Route mapping
- Design review, critique, screen feedback, mockup feedback →
references/design-critique.md - Accessibility, a11y, WCAG, contrast, keyboard review →
references/accessibility-review.md - Developer handoff, implementation specs, tokens, responsive states →
references/design-handoff.md - Design system audit, documentation, or extension →
references/design-system.md - CTA copy, error messages, empty states, dialog wording, onboarding copy →
references/ux-copy.md - User interviews, research plans, survey design, usability-test planning →
references/user-research.md - Research synthesis, transcript synthesis, support-feedback synthesis, NPS analysis →
references/research-synthesis.md
Combination rules
Default to a single reference. Combine multiple references when the user request clearly spans multiple design stages.
Examples:
- Review + accessibility →
references/design-critique.md+references/accessibility-review.md - Review + handoff →
references/design-critique.md+references/design-handoff.md - Research synthesis + next-round planning →
references/research-synthesis.md+references/user-research.md
Other multi-stage pairings follow the same pattern when the request warrants it.
When combining, keep this order:
- Evaluate or synthesize first
- Apply focused secondary review next
- Produce the delivery artifact last
Related Skills
jsonlee12138/makefile
development
VerifiedTrustedCommunity
Use when creating, editing, or validating Makefiles. Provides templates for Go, Node, Python, Docker, and Monorepo projects with self-documenting help targets. Also validates existing Makefiles against conventions. Triggers on: Makefile, makefile, make help, validate makefile, lint makefile.
2SKILL.mdUpdated May 12, 2026
jsonlee12138/actions-npm
development
VerifiedTrustedCommunity
Use when creating or debugging GitHub Actions workflows that publish npm packages with trusted publishing / OIDC. Triggers on npm publish in CI, ENEEDAUTH, E404 or E422 during publish, tag-triggered releases, setup-node auth behavior, or provenance issues in public vs private GitHub repositories.
2SKILL.mdUpdated Apr 17, 2026
jsonlee12138/vite-tanstack
tools
VerifiedTrustedCommunity
TanStack (Router/Query/Form/Table) configuration guide for Vite + React projects. Covers Vite plugin setup, main.tsx registration, DevTools configuration, and editor settings. Use when setting up or reviewing TanStack config in a Vite project. Triggers on: vite-tanstack, tanstack config, tanstack router setup, tanstack query setup, tanstack form setup, tanstack table setup.
1SKILL.mdUpdated Apr 17, 2026
jsonlee12138/unocss-shadcn
tools
VerifiedTrustedCommunity
Configure UnoCSS with unocss-preset-shadcn using a semi-automatic, framework-agnostic workflow. Use when setting up or updating UnoCSS + shadcn integration, deciding monorepo vs single-project component destinations, enforcing peerDependencies in monorepos, and requiring shadcn MCP + manual component creation mode.
1SKILL.mdUpdated Apr 17, 2026