survey
1
总安装量
1
周安装量
#46012
全站排名
安装命令
npx skills add https://github.com/gihwan-dev/claude-code-gui --skill survey
Agent 安装分布
mcpjam
1
claude-code
1
junie
1
windsurf
1
zencoder
1
crush
1
Skill 文档
ìí¬íë¡ì°: SPEC.md ê¸°ë° ìí¤í ì² ê²°ì 문ì ìì±
목í: SPEC.mdì ì구ì¬íì ë¶ìíê³ , ìí¤í
ì² ê²°ì ì´ íìí ì§ë¬¸ì ëì¶íì¬ ì¬ì©ìì í¨ê» survey.md를 ìì±í©ëë¤.
1ë¨ê³: SPEC.md ì½ê¸°
íë¡ì í¸ ë£¨í¸ì SPEC.md íì¼ì ì½ìµëë¤.
- SPEC.mdê° ìë ê²½ì°: ì¬ì©ììê² “
/specì 먼ì ì¤ííì¬ SPEC.md를 ìì±íì¸ì”ë¼ê³ ìë´íê³ ì¢ ë£í©ëë¤. - SPEC.mdê° ìë ê²½ì°: ë¤ì í목ì íì
í©ëë¤:
- ê¸°ë¥ ì구ì¬í (F1, F2, …)
- ë¹ê¸°ë¥ ì구ì¬í
- ì ì½ì¡°ê±´
- ì¬ì©ì ìë리ì¤
2ë¨ê³: ìí¤í ì² ì§ë¬¸ ëì¶
SPEC.mdì ë´ì©ì ìë ì°¸ê³ ìë£ì ëì¡°íì¬ ìí¤í ì² ê²°ì ì´ íìí ì§ë¬¸ë¤ì ëì¶í©ëë¤.
- ì°¸ê³ ìë£ì 6ê° ì¹´í ê³ ë¦¬ìì SPEC.md ë´ì©ì ê´ë ¨ë ì§ë¬¸ë§ íí°ë§í©ëë¤.
- SPEC.mdìì ì´ë¯¸ ê²°ì ë ì¬íì ì§ë¬¸ìì ì ì¸í©ëë¤.
- ì§ë¬¸ì íêµì´ë¡ ìì±í©ëë¤.
3ë¨ê³: ì¬ì©ì ìëµ ìì§
AskUserQuestion ë구를 ì¬ì©íì¬ ìí¤í
ì² ê´ë ¨ ì§ë¬¸ì ì¬ì©ììê² ì ìíê³ ëµë³ì ìì§í©ëë¤.
- ì§ë¬¸ì ì¹´í ê³ ë¦¬ë³ë¡ 그룹ííì¬ ì ìí©ëë¤.
- ì¬ì©ìì ëµë³ì 기ë¡í©ëë¤.
4ë¨ê³: survey.md ìì±
SPEC.md ì구ì¬í + ì¬ì©ì ìí¤í
ì² ê²°ì ì í©ì³ì survey.md를 íë¡ì í¸ ë£¨í¸ì ìì±í©ëë¤.
- íì: ìì±ëë ë´ì©ì ë°ëì íêµì´ì¬ì¼ í©ëë¤.
ì°¸ê³ ìë£: React ìí¤í ì² ì ëµ
1. íë¡ì í¸ ë²ì ë° ì ì½ì¡°ê±´ (구í ì )
- í & ì¼ì : í 구ì±(ê·ëª¨, ì¤ì¿¼ë)ì ì´ë íê°? ì ì§ë³´ì 주기ë?
- ë¹ì¦ëì¤ ëì¸: íµì¬ ê°ì¹ë 무ìì¸ê°?
- ê·ëª¨: ìê·ëª¨ MVPì¸ê°, ëê·ëª¨ ìí°íë¼ì´ì¦ ì±ì¸ê°? (FSD vs Bulletproof React ê²°ì 기ì¤)
2. ëë©ì¸ 모ë¸ë§ (DDD)
- ìí°í°: íµì¬ ë¶ë³ ë°ì´í° 구조(ì: User, Product)ê° ìë³ëìëê°?
- ê¸°ë¥ ìë리ì¤: 주ì ê¸°ë¥ íë¦(ì: “ê²°ì ”, “ìí ê²ì”)ì 무ìì¸ê°?
- ì ë¹ì¿¼í°ì¤ ì¸ì´: ëìì¸/ë¹ì¦ëì¤/ê°ë° ê° ì©ì´ ë¶ì¼ì¹ê° ìëê°?
3. ë¹ê¸°ë¥ ì구ì¬í (NFR ì²´í¬ë¦¬ì¤í¸)
- íì¥ì±: 모ë ê²½ê³, ì ì¥ì 구조 (ëª¨ë ¸ë í¬ ì¬ë¶)
- ì ì§ë³´ìì±: ìì¡´ì± ê·ì¹
- ì±ë¥: Core Web Vitals 목í (LCP, INP). SSR ëë CSR?
- í ì¤í¸ ì©ì´ì±: ë¡ì§ 격리 ì ëµ. 커ì¤í í vs ë¡ì§ í´ëì¤
- ì ê·¼ì±: ì¤ì ìì¤ (WCAG). í¤ëë¦¬ì¤ UI íì ì¬ë¶
- ë³´ì: ì¸ì¦ í¨í´, í í° ì ì¥ ë°©ì
4. ìí¤í ì² ë°©ë²ë¡ ì í
- FSD (Feature-Sliced Design): ì격í ë ì´ì´ë§, ë¨ë°©í¥ íë¦. ë³µì¡í ì¥ê¸° íë¡ì í¸ì ì í©.
- Bulletproof React: ê¸°ë¥ ê¸°ë° í´ë, ì¤ì©ì . ì¤íí¸ì /ì¤ê·ëª¨ì ì í©.
- í´ë¦° ìí¤í ì²: UIì ëë©ì¸ì ì격í ë¶ë¦¬ (ì´ëí°/í¬í¸). ë³´ì¼ë¬íë ì´í¸ ëì§ë§ í ì¤í¸ ì©ì´ì± ëì.
5. ë°ì´í° ë° ìí ì ëµ
- ìë² ìí: React Query / SWR
- URL ìí: íí°/íì´ì§ë¤ì´ì ì ê²ì íë¼ë¯¸í° ì¬ì© ì¬ë¶
- í´ë¼ì´ì¸í¸ ì ì ìí: Zustand/Redux (ìµìí ê¶ì¥)
- ë¡ì»¬ UI ìí: ì½ë¡ì¼ì´ì (ê´ë ¨ ìì¹ì ë°°ì¹)
- ë°ì´í° íì¹: Render-then-Fetch vs Render-as-you-fetch (Loaders/Actions)
6. í ì¤í¸ ë° íì§
- ì ì ë¶ì: ESLint ê²½ê³ ê·ì¹
- íµí© í ì¤í¸: MSW + RTL (í¸ë¡í¼ 모ë¸)
- E2E: Cypress/Playwrightë¡ íµì¬ ê²½ë¡ ê²ì¦
ì¶ë ¥ íì (survey.md):
# [SPEC.mdì 기ë¥ëª
] ìí¤í
ì² ì¤ë¬¸
> ê¸°ë° ë¬¸ì: SPEC.md
> ìì±ì¼: YYYY-MM-DD
## 1. íë¡ì í¸ ë§¥ë½
- [ì§ë¬¸]: [ì¬ì©ì ëµë³/ê²°ì ]
## 2. ëë©ì¸ ë¶ì
- [ì§ë¬¸]: [ì¬ì©ì ëµë³/ê²°ì ]
## 3. ë¹ê¸°ë¥ ì구ì¬í
- [ì§ë¬¸]: [ì¬ì©ì ëµë³/ê²°ì ]
## 4. ìí¤í
ì² ë°©ë²ë¡
- [ì§ë¬¸]: [ì¬ì©ì ëµë³/ê²°ì ]
## 5. ë°ì´í° ë° ìí ì ëµ
- [ì§ë¬¸]: [ì¬ì©ì ëµë³/ê²°ì ]
## 6. í
ì¤í¸ ë° íì§
- [ì§ë¬¸]: [ì¬ì©ì ëµë³/ê²°ì ]