nw-jtbd-workflow-selection
JTBD workflow classification and routing - ODI two-phase framework, five job types with workflow sequences, baseline type selection, workflow anti-patterns, and common recipes
577 repo starsObserved in 3 repos
Design
Design skills
Browse reusable Agent Skills, each with a clear purpose and practical guidance.
nw-design
Designs system architecture with C4 diagrams and technology selection. Routes to the right architect based on design scope (system, domain, application, or full stack). Two interaction modes: guide (collaborative Q&A) or propose (architect presents options with trade-offs).
577 repo starsObserved in 1 repos
Design
nw-discuss
Conducts Jobs-to-be-Done analysis, UX journey design, and requirements gathering through interactive discovery. Use when starting feature analysis, defining user stories, or creating acceptance criteria.
577 repo starsObserved in 1 repos
Design
phase-3-mockup
Create UI/UX mockups and HTML/CSS/JS prototypes without a designer. Triggers: mockup, prototype, wireframe, UI design, 목업, 프로토타입.
575 repo starsObserved in 1 repos
Design
phase-5-design-system
Build platform-independent design systems and consistent component libraries. Triggers: design system, component library, design tokens, 디자인 시스템, 컴포넌트.
575 repo starsObserved in 1 repos
Design
Architecture Diagram
Produces clean architecture and system diagrams from actual repo or product truth instead of decorative boxes.
574 repo starsObserved in 1 repos
Design
Baoyu Infographic
Generate professional infographics with 21 layout types and 21 visual styles. Analyzes content, recommends layout×style combinations, and generates publication-ready infographics. Use when user asks to create "infographic", "visual summary", "信息图", "可视化", or "高密度信息大图".
574 repo starsObserved in 1 repos
Design
p5.js
Production pipeline for interactive and generative visual art using p5.js. Creates browser-based sketches, generative art, data visualizations, interactive experiences, 3D scenes, audio-reactive visuals, and motion graphics — exported as HTML, PNG, GIF, MP4, or SVG. Covers: 2D/3D rendering, noise and particle systems, flow fields, shaders (GLSL), pixel manipulation, kinetic typography, WebGL scenes, audio analysis, mouse/keyboard interaction, and headless high-res export. Use when users request: p5.js sketches, creative coding, generative art, interactive visualizations, canvas animations, browser-based visual art, data viz, shader effects, or any p5.js project.
574 repo starsObserved in 1 repos
Design
Popular Web Designs
Guides reference-aware website and landing-page work so the result feels intentional, current, and product-grade instead of generic.
574 repo starsObserved in 1 repos
Design