Unity Shadergraph Design Agent Skill
Source-anchored Shader Graph design rules for Unity 2022.3 — graph structure, node subset, SubGraph boundaries, master stack, blackboard/keywords, recipes, and review. Use when building or reviewing Shader Graphs, structuring node chains or SubGraphs, laying out blackboard/keywords, or following URP/HDRP graph recipes, even if the user just says "连个shader graph" or "着色器节点". 为 Unity 2022.3 的 Shader Graph 提供源码锚定的设计规则(图结构、节点子集、SubGraph 边界、主节点堆栈、黑板/关键字、配方、审查);当用户要构建或审查 Shader Graph、组织节点链或 SubGraph、布置黑板/关键字、或参考 URP/HDRP 图配方时使用。
Install
one command, takes just this skill from the repositorynpx skills add https://github.com/Besty0728/Unity-Skills --skill unity-shadergraph-designWhat comes with it
14 300 bytes besides the instructionThe instruction itself
6 sections, as written by the authorShaderGraph - Design Rules
Advisory module. Read this before giving Shader Graph guidance. The goal is to keep recommendations anchored to actual package/source behavior, not stale model memory.
> Mode: Documentation only — no REST skills to gate; load freely under any operating mode (Approval / Auto / Bypass).
Source Scope
Validated against:
- Unity 2022.3 package source:
E:/CodeSpace/temp/shadergraph/[email protected] - Unity 6 Graphics source:
E:/CodeSpace/temp/Graphics/Packages/com.unity.shadergraph - Runtime/editor behavior in this repo's ShaderGraph skills and dual-version test environments
Core anchors:
Editor/Data/Graphs/GraphData.csEditor/Data/Nodes/AbstractMaterialNode.csEditor/Data/Interfaces/Graph/SlotReference.cs- Specific node files under
Editor/Data/Nodes/...
When To Load
Load before:
- Designing a new Graph or SubGraph architecture
- Reviewing a proposed Shader Graph node chain
- Advising on blackboard properties, keywords, samplers, or SubGraph boundaries
- Suggesting changes to graphs through the constrained
shadergraph_*node editing skills
What This Module Assumes
- Graph editing is limited to the current safe node whitelist exposed by
shadergraph_list_supported_nodes - Guidance must stay inside what Unity 2022.3 and Unity 6 both support
shadergraph_get_structureis the fact source for current node ids, slot ids, and live topology- The practical overlap is 28 nodes across both versions;
AppendVectorNodeis currently Unity 6 only in live validation
Sub-doc Routing
| Sub-doc | Read when |
|--------|-----------|
| VERSIONS.md | You need version differences or portability rules |
| NODES.md | You need the supported node subset and editable fields |
| RECIPES.md | You need patterns that the current skill subset can actually build |
| PITFALLS.md | You are reviewing a graph or suspect bad advice / hidden costs |
| REVIEW.md | You want a checklist for judging a Shader Graph plan |
Hard Rules
- Do not recommend nodes outside the current whitelist unless you clearly say the current skills cannot build them.
- Do not talk about "editing by node name"; the implementation uses serialized
nodeIdandslotId. - Do not assume Unity 2022.3 has package graph templates. It commonly does not.
- Do not tell the agent to mutate Master Stack, Target, Context, Block, or SubGraph output structure. Stage 2 does not support that.
- For
PropertyNode, create or verify the blackboard property first; the node binds a real property object, not just a string. - Prefer small SubGraphs when reuse or porting matters, but keep them within the currently supported node subset if you expect the skills to edit them later.
When in doubt, cite the relevant source path or ask the runtime graph for structure first.
Other skills for the same job
different authors, same section of the catalogue
Transforms vague UI ideas into polished, Stitch-optimized prompts. Enhances specificity, adds UI/UX keywords, injects design system context, and structures output for better generation results.
Generate memes using the memegen.link API. Use when users request memes, want to add humor to content, or need visual aids for social media. Supports 100+ popular templates with custom text and styling.
Fix PageSpeed Insights/Lighthouse accessibility "!" errors caused by contrast audit failures (CSS filters, OKLCH/OKLAB, low opacity, gradient text, image backgrounds). Use for accessibility-driven SEO/performance debugging and remediation.
> Brand-first landing page designer — runs a brand-identity interview (colors, typography, shape language), then generates and iterates on a polished landing page via Stitch with deployment-ready HTML. Use when the user asks to create, design, or build a landing page, homepage, or marketing page and has no established visual direction. Skip when they have a design mockup, need a dashboard or app UI, are working at component level, building a multi-page app, or restyling with known design tokens — use frontend-design instead.
Audit paid-ad landing pages for message match, mobile experience, performance, accessibility, trust, forms, consent, tracking, security, and conversion friction. Use for landing-page audit, post-click experience, LP audit, conversion-rate optimization, form optimization, ad-to-page message match, redirects, blocked navigation, or requests involving private, loopback, link-local, or metadata IP destinations.
Marketing landing page and conversion-focused product page reference. Use this skill when building hero sections, feature grids, pricing pages, testimonials, CTAs, footers, navigation bars, or any public-facing marketing surface. Covers a warm, professional, developer-friendly design language (cream backgrounds, generous whitespace, pill CTAs, corner-bracket card decorations) and a complete token set, animation system, and copy-paste component snippets. NOT for product/dashboard UIs — use frontend-design-saas for those.
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". Focuses on visual design and interaction patterns. Do NOT use for performance audits (use core-web-vitals), SEO (use seo), or comprehensive site audits (use web-quality-audit).
Comprehensive web quality audit covering performance, accessibility, SEO, and best practices. Use when asked to "audit my site", "review web quality", "run lighthouse audit", "check page quality", or "optimize my website".
How to use it
Take besty0728/unity-shadergraph-design from the repository into ~/.claude/skills for personal
use, or into .claude/skills inside a project.
The agent identifies a skill by the name field in its header. Two skills with the
same name cannot sit side by side — one of them will be ignored.