/design-system-reference
Style guides and implementation rules for frontend design. Works with design-discovery agent which handles context gathering and VS-based style recommendations. Contains detailed style guides, anti-patterns, and implementation checklists.
$ npx -y skills add wigtn/wigtn-plugins --skill design-system-reference --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
- Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.
- You can call itInvoke it directly when you want it.
- Slash command
/design-system-reference
Context preview
The summary Claude sees to decide when to auto-load this skill.
Style guides and implementation rules for frontend design. Works with design-discovery agent which handles context gathering and VS-based style recommendations. Contains detailed style guides, anti-patterns, and implementation checklists.
One plugin. 11 agents. From idea to a verified commit.
Repo: wigtn/wigtn-plugins
Other skills on wigtn-plugins.
- /code-review-levels
Reference documents for deep code review (Level 3) and architecture review (Level 4). Used by code-reviewer agent for advanced review levels.
Open skill - /handdrawn-diagram
Generate a hand-drawn (sketch-style) architecture or flow diagram as a committable image (SVG + PNG). Use when the user wants a sketch-aesthetic diagram for a README, docs, or hackathon/Devpost submission that still has correct, legible text and per-group color. Authors a
Open skill - /knowledge-wiki
μΈμ μμ λ°°μ΄ κ²μ μ μ± κ²μ΄νΈλ₯Ό ν΅κ³ΌμμΌ ν μν€μ μλ μΆμ νλ€. μ μ μ€μ (~/.config/wigtn/knowledge-wiki.yml)μ μ§μ ν κ²½λ‘μμλ§ λμνλ©°, μν¬λ¦ΏΒ·κ°μΈμ λ³΄Β·κ³ κ° μλ³ μ 보λ 4λ¨ κ²μ΄νΈλ‘ μ°¨λ¨νλ€. μν€ μ€μ Β·μ μ± νμΈΒ·μλ μΆμ Β·λ¬Έμ μ§λ¨μ μ¬μ©νλ€.
Open skill - /screen-spec
PRDλ₯Ό μ λ ₯μΌλ‘ νλ©΄μ μμ 5μ’ (IA, User Flow, Screen Spec, Wireframe HTML, Dev Handoff)μ μμ°¨ μμ±νλ€. Wireframeμ νλ°± + μλ―Έμλ§ μ¬μ©νλ lo-fi μ°μΆλ¬Ό(μ€νμΌ/λΈλλλ λ³λ λ¨κ³). frontend-developer μλ 리뷰 μ§μ. /screen-spec λͺ λ Ήμ΄μμ νΈμΆλλ©°, /prd β /implement μ¬μ΄μ μ νμ κ²μ΄νΈλ‘ λμνλ€.
Open skill - /team-memory-protocol
ν λΉλ κ° κ³΅μ 컨ν μ€νΈ κ΄λ¦¬ νλ‘ν μ½. SHARED_CONTEXT νμΌ μμ±/κ΄λ¦¬, PLAN μμ₯ μ°λ, Auto Memory μ λ°μ΄νΈ κ·μΉμ μ μν©λλ€.
Open skill - /wigtn-ppt
WIGTN λΈλλ HTML νλ μ ν μ΄μ μμ±. ν νλ¦Ώ μμ΄ λΈλλ μμΉ(μν¬ λ€μ΄λΉ + μκ·Έλμ² νΌν μ )μ κΈ°λ°μΌλ‘ λ¨μΌ self-contained HTML λ°νμλ£λ₯Ό λ§λ λ€. Light / Dark λ ν λ§λ₯Ό μ νν μ μκ³ , WIGTN λ‘κ³ μ νΌν μ μκ·Έλμ²λ₯Ό λͺ¨λ μ¬λΌμ΄λμ μΌκ΄λκ² μ μ©νλ€. WIGTN λΈλλ λ°νμλ£μ νμ ν΄ λμνλ€(μΌλ° PPTλ λ€λ₯Έ PPT μ€ν¬μ μ΄λ€). Triggers on: 'wigtn ppt', 'wigtn λ°νμλ£', 'μκ·ΈνΌ ppt', 'wigtn
Open skill

