design-patterns-principles
Design Patterns & Principles
Overview
Provide concise, consistent explanations of patterns and principles using local reference documents.
Quick Workflow
- Identify scope: patterns, principles, or both.
- Load relevant references:
references/design-patterns.mdand/orreferences/design-principles.md. - Respond in Chinese with short sections.
- For patterns: 定义 / 适用场景 / 优缺点 / 典型实现
- For principles: 定义 / 适用场景 / 落地要点
- If the user asks for depth or concrete examples, ask one clarifying question before expanding.
Common Mistakes
- Confusing architecture patterns with design patterns. If the request is about system architecture, clarify scope first.
- Mixing pattern names. Verify the pattern exists in the references before answering.
More from jsonlee12138/prompts
vite-tanstack
TanStack (Router/Query/Form/Table) configuration guide for Vite + React projects. Covers Vite plugin setup, main.tsx registration, DevTools configuration, and editor settings. Use when setting up or reviewing TanStack config in a Vite project. Triggers on: vite-tanstack, tanstack config, tanstack router setup, tanstack query setup, tanstack form setup, tanstack table setup.
15eslint-config
Use when configuring ESLint with @antfu/eslint-config for a single project or a monorepo workspace, including flat config setup, shared config packages, commit quality hooks, or migrations from legacy ESLint configs.
10unocss-shadcn
Configure UnoCSS with unocss-preset-shadcn using a semi-automatic, framework-agnostic workflow. Use when setting up or updating UnoCSS + shadcn integration, deciding monorepo vs single-project component destinations, enforcing peerDependencies in monorepos, and requiring shadcn MCP + manual component creation mode.
9brainstorming
You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Turn rough ideas into validated brainstorming/design docs through one-question-at-a-time dialogue, role-based analysis, and explicit user approval. Use when users ask to brainstorm, shape requirements, compare approaches, or produce a planning/design document before implementation.
4solo-ops
>
1claude-design
Unified design workflow router for critique, accessibility review, developer handoff, design system work, UX copy, user research, and research synthesis. Use when users ask naturally for design feedback, mockup review, a11y audit, handoff specs, UX writing, research planning, research synthesis, or mention Figma, Pencil, or HTML design workflows and should not need to invoke separate sub-skills manually.
1