> Provide a simplified interface to a complex subsystem
Scanned 9/11/2026
Install to Claude Code
npx -y skills add Intense-Visions/harness-engineering --skill js-facade-pattern --agent claude-codeInstalls into .claude/skills of the current project.
Are you the author of Js Facade Pattern?
Add the live security badge to your README — it updates automatically with every re-scan.
[](https://www.skillsdirectory.com/skills/intense-visions-js-facade-pattern-1d8cea84)More formats (shields.io, HTML) on the badges page.
# JS Facade Pattern
> Provide a simplified interface to a complex subsystem
## When to Use
- A subsystem has many classes or functions that clients frequently use together
- You want to hide complexity behind a single, easy-to-use API
- Reducing the number of imports and calls a consumer needs to make
## Instructions
1. Identify a group of related subsystem calls that clients frequently combine.
2. Create a facade module that exposes high-level functions composing those subsystem calls.
3. The facade delegates to subsystem objects — it does not replace them.
4. Keep the subsystem accessible for advanced callers who need fine-grained control.
```javascript
// Facade for a complex video conversion subsystem
class VideoConverter {
convert(filename, format) {
const file = new VideoFile(filename);
const codec = CodecFactory.extract(file);
const compressor = new BitrateCompressor();
const mixer = new AudioMixer();
const result = codec.transcode(file, format);
compressor.compress(result);
mixer.normalize(result);
return result;
}
}
// Client uses one call instead of four subsystem interactions
const converter = new VideoConverter();
converter.convert('video.ogg', 'mp4');
```
## Details
The Facade pattern is a structural pattern that provides a unified interface to a set of interfaces in a subsystem. In JavaScript, this is often a module that re-exports a curated subset of a library's API or orchestrates multiple service calls behind a single function.
**Trade-offs:**
- The facade can become a "god module" if it grows too large — keep it focused
- Hiding subsystem details may prevent advanced users from accessing features they need
- Changes to the underlying subsystem may require facade updates
**When NOT to use:**
- When the subsystem is already simple — adding a facade just adds indirection
- When callers need full control over individual subsystem components
- When the facade would just proxy every subsystem method — that is a wrapper, not a simplification
## Source
https://patterns.dev/javascript/facade-pattern
## Process
1. Read the instructions and examples in this document.
2. Apply the patterns to your implementation, adapting to your specific context.
3. Verify your implementation against the details and edge cases listed above.
## Harness Integration
- **Type:** knowledge — this skill is a reference document, not a procedural workflow.
- **No tools or state** — consumed as context by other skills and agents.
## Success Criteria
- The patterns described in this document are applied correctly in the implementation.
- Edge cases and anti-patterns listed in this document are avoided.

Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.
No comments yet. Be the first to comment!