csdesign/SKILL.md
Entry point for NH투자증권 design work. Domains come in three kinds: **guide** — `nds` (NH Design System: component keys, variants, tokens, per-category rules); **project** — one folder per shipped production project, currently `asset` (MTS screens: structure, interaction, flow), more to come; **website** — `nhsec-production` (nhsec.com) and `nhnamuh-production` (mynamuh.com: nav, colors). Routes any design request — learn, verify/재검토, or build/prototype — to the right domain(s), and pairs guide+project for builds. Use whenever a request mentions NH투자증권, 나무/namuh, nhsec.com, mynamuh.com, Figma, NDS, MTS 화면, or asks to learn/verify/build a screen or page. To learn EVERY page of a Figma file or audit its coverage, use `figma-learn-all-pages` first — it enumerates, this one routes.
npx skillsauth add intenet1001-commits/goganyo-bystander-review-slack-trained-until-2026-03-04 csdesignInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
Single entry point for NH투자증권 design knowledge, organized as one topic/domain folder per category under this skill. Each domain folder owns one knowledge area and persists what it learns as per-project files under its own projects/ folder.
| Kind | Domain | Folder | Owns | Learns | Source type | Projects folder |
|---|---|---|---|---|---|---|
| project | Production assets | asset/ | Real NH투자증권 production Figma projects — screen structure, interaction/behavior patterns, flow conventions | One shipped/production Figma file per project | Figma (figma-use) | asset/projects/ |
| guide | NDS | nds/ | NH Design System — library/component keys, variants, tokens, guide-file rules | One NDS guide/library Figma file per project | Figma (figma-use) | nds/projects/ |
| website | nhsec.com (production) | nhsec-production/ | NH투자증권 main website (nhsec.com) — nav/menu tree, color palette, layout conventions | One learned page/section per project | Live website (Chrome use_browser) | nhsec-production/projects/ |
| website | namuh (production) | nhnamuh-production/ | 나무/namuh sub-brand website (mynamuh.com) — nav/menu tree, color palette, layout conventions | One learned page/section per project | Live website (Chrome use_browser) | nhnamuh-production/projects/ |
Kinds — the routing rules below refer to KINDS, not folder names.
nds/.nhsec-production, nhnamuh-production) — different brands, different sites, deliberately kept apart.Domain structure differs by kind, and by size. That is intentional — do not "fix" it into uniformity.
nds (guide) and asset (project) are split: LEADER.md (modes) + a base file (CORE.md / COMMON.md) +
INDEX.md + LEDGER.md + sources/. They were split because they accumulate — nds reached ~36k tokens on
3 Figma files and became physically unreadable; asset will hold many projects. Their read cost is now bounded.LEADER.md each, and should stay that way: each owns one site with one
learned page, they don't accumulate the way guides and projects do, and at 6–10KB they're read in one pass.
Splitting them would be over-engineering.LEADER.md (or a single note) approaching
~25k tokens, or its registry growing a cell-per-entry that no longer scans. Apply nds's shape then — not
before.Adding a domain = one table row + the trigger keywords in this skill's description above (it's the only registered skill in the family, so the loader matches on it). Nothing else — the routing rules and figma-learn-all-pages name kinds, not folders, so they don't need touching. A new project folder should be named after its project (asset/ predates this convention; its name is historical, its kind is what counts).
Four distinct visual identities exist under one company — don't conflate them: the NDS/MTS app is green (#84C13D), nhsec.com is blue (#1171D2/#1692E8), namuh is teal (#00A5BD/#0A808C). When a request doesn't clearly say which property it targets, ask rather than assuming one skin fits all.
Is it "learn ALL pages of this Figma file" (or a coverage audit of one)? — e.g. a bare Figma URL + 학습/learn, "모든 페이지", "다 학습해", "다 학습된 거 맞아?", "빠진 페이지 없어?" → invoke the figma-learn-all-pages skill first, then come back here for domain routing (step 1) and follow that domain's Mode 1 per content page.
That skill owns page enumeration and coverage integrity, which this file does not: a Figma file's page list cannot be obtained from get_metadata (returns 1 page) or from the file's own table of contents (drifts, omits pages) — only from use_figma → figma.root.children. Certifying coverage any other way has already produced a wrong "complete" claim in this repo. A single-page/single-section learn doesn't need it; anything claiming "all" does.
Identify the domain(s) the request touches.
fileKey is already registered in a project domain's registry — INDEX.md for a split domain like asset/, LEADER.md for an unsplit one — that domain wins outright; (2) else pick the row whose Owns scope names the product/feature; (3) else — including any brand-new project — ask whether it belongs to an existing project domain or needs a new folder. Never default silently to asset/ just because it is the oldest project row.nds/.nhsec.com or NH's main website (menu/nav/color learning, not Figma) → nhsec-production/.mynamuh.com/나무/namuh's website (menu/nav/color learning, not Figma) → nhnamuh-production/.nds/ — component/token baseline) and the matching project-kind domain (closest-matching learned flow; pick it with the project-kind tiebreaker above), for MTS-app work. For website work, the matching website-kind domain alone usually suffices.<domain>/LEADER.md following the same LEARN/VERIFY/BUILD three-mode pattern (see any existing domain's LEADER.md as the template — Figma-based domains use figma-use, website domains use a browser tool per nhsec-production/LEADER.md's Tooling note), and update the Domains table (and this skill's description) once created.Read the matched domain's LEADER.md directly (plain file read — these are reference files, not separate skills) and follow its Mode 1 (LEARN), Mode 2 (BUILD), or Mode 3 (VERIFY) instructions.
For BUILD requests pairing a guide domain with a project domain — read in this order:
nds/CORE.md (always-on component/token baseline), then nds/INDEX.md to find the topic's note, then that note. Read nds/LEDGER.md only when INDEX flags the topic ⚠/⛔ — ⛔ means the guide cannot be satisfied with the current library; escalate rather than fake it. (Do not read nds/sources/*.md — that's LEARN forensics.)COMMON.md (cross-project baseline) → INDEX.md (pick the closest project) → that project note (flow/interaction baseline). Read its LEDGER.md only when INDEX flags ⚠/⛔. (Do not read its sources/*.md — LEARN/VERIFY forensics.) A project-kind domain may not be split yet if it holds few projects — then just read its LEADER.md; it will say.⭐ Precedence — this is the canonical wording; project-kind LEADERs restate it in one line and point here: Component facts come from the guide domain. Screen structure and behaviour come from the project domain. If they conflict, the more specific note wins — project-level shipped-production beats the generic guide.
⛔ Precedence does NOT apply to these — escalate instead of picking a winner:
nds/LEDGER.md marks a component ⚠ CONTESTED, do not pick the incumbent, the first-listed, or the most-corroborated one. Those are plausible tiebreakers the knowledge base does not endorse. Say the component is contested and ask.Don't duplicate a domain's stored knowledge here. This file stays thin — routing table + dispatch logic only. Domain facts live in each domain's own LEADER.md and projects/ files.
tools
Automate Freshservice ITSM tasks via Rube MCP (Composio): create/update tickets, bulk operations, service requests, and outbound emails. Always search tools first for current schemas.
tools
Automate Freshdesk helpdesk operations including tickets, contacts, companies, notes, and replies via Rube MCP (Composio). Always search tools first for current schemas.
tools
When the user wants to plan, evaluate, or build a free tool for marketing purposes — lead generation, SEO value, or brand awareness. Also use when the user mentions "engineering as marketing," "free tool," "marketing tool," "calculator," "generator," "interactive tool," "lead gen tool," "build a tool for leads," or "free resource." This skill bridges engineering and marketing — useful for founders and technical marketers.
development
Orchestrate a comprehensive legacy system modernization using the strangler fig pattern, enabling gradual replacement of outdated components while maintaining continuous business operations through ex