From nx
Use when about to implement any feature, build any component, or make any behavioral change — requires design exploration and user approval before implementation
npx claudepluginhub hellblazer/nexus --plugin nxThis skill uses the workspace's default tool permissions.
Turn ideas into designs through collaborative dialogue before writing code.
Provides UI/UX resources: 50+ styles, color palettes, font pairings, guidelines, charts for web/mobile across React, Next.js, Vue, Svelte, Tailwind, React Native, Flutter. Aids planning, building, reviewing interfaces.
Fetches up-to-date documentation from Context7 for libraries and frameworks like React, Next.js, Prisma. Use for setup questions, API references, and code examples.
Analyzes competition with Porter's Five Forces, Blue Ocean Strategy, and positioning maps to identify differentiation opportunities and market positioning for startups and pitches.
Share bugs, ideas, or general feedback.
Turn ideas into designs through collaborative dialogue before writing code.
Core principle: No implementation without an approved design. Every project, regardless of perceived simplicity.
Do NOT invoke any implementation skill, write any code, scaffold any project, or take any implementation action until you have presented a design and the user has approved it. This applies to EVERY project regardless of perceived simplicity.Every project goes through this process. A utility function, a config change, a single-file script — all of them. "Simple" projects are where unexamined assumptions cause the most wasted work. The design can be short (a few sentences for truly simple projects), but you MUST present it and get approval.
digraph brainstorming {
"Explore project context" [shape=box];
"Ask clarifying questions" [shape=box];
"Propose 2-3 approaches" [shape=box];
"Present design" [shape=box];
"User approves?" [shape=diamond];
"Save design doc" [shape=box];
"Invoke strategic-planning" [shape=doublecircle];
"Explore project context" -> "Ask clarifying questions";
"Ask clarifying questions" -> "Propose 2-3 approaches";
"Propose 2-3 approaches" -> "Present design";
"Present design" -> "User approves?";
"User approves?" -> "Present design" [label="no, revise"];
"User approves?" -> "Save design doc" [label="yes"];
"Save design doc" -> "Invoke strategic-planning";
}
Terminal state: invoke strategic-planning. Do NOT invoke development, architecture, or any other implementation skill. The ONLY next step is strategic-planning (to create the implementation plan).
RDR-\d+. For each match:
accepted or closed, warn the user:
"RDR-NNN is still {status}. Run /nx:rdr-gate NNN and /nx:rdr-accept NNN
before planning implementation."RDR-\d+ pattern is found, proceed normally.memory_put(project="{repo}", title="design-{topic}.md", content="...")All of these mean: Stop. Follow the process.
When invoking the strategic-planning skill after design approval, use this structure:
## Relay: strategic-planner
**Task**: Create phased implementation plan from approved design.
**Bead**: [ID] (status: [status]) or 'none'
### Input Artifacts
- nx store: [prior art or related decisions from T3, or "none"]
- nx memory: [session state, e.g. "{repo}/design-{topic}.md", or "none"]
- Files: none (design is in T2 memory)
### Deliverable
Phased implementation plan with beads for task tracking
### Quality Criteria
- [ ] Every task has exact file paths and test commands
- [ ] TDD: failing test before implementation in each task
- [ ] Dependencies between tasks are explicit
REQUIRED SUB-SKILL: Use nx:strategic-planning after design approval to create the implementation plan.