.agents/skills/design-an-interface/SKILL.md
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
npx skillsauth add microsoft/vscode-cosmosdb design-an-interfaceInstall 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.
Based on "Design It Twice" from "A Philosophy of Software Design": your first idea is unlikely to be the best. Generate multiple radically different designs, then compare.
Before designing, understand:
Ask: "What does this module need to do? Who will use it?"
Spawn 3+ sub-agents simultaneously using Task tool. Each must produce a radically different approach.
Prompt template for each sub-agent:
Design an interface for: [module description]
Requirements: [gathered requirements]
Constraints for this design: [assign a different constraint to each agent]
- Agent 1: "Minimize method count - aim for 1-3 methods max"
- Agent 2: "Maximize flexibility - support many use cases"
- Agent 3: "Optimize for the most common case"
- Agent 4: "Take inspiration from [specific paradigm/library]"
Output format:
1. Interface signature (types/methods)
2. Usage example (how caller uses it)
3. What this design hides internally
4. Trade-offs of this approach
Show each design with:
Present designs sequentially so user can absorb each approach before comparison.
After showing all designs, compare them on:
Discuss trade-offs in prose, not tables. Highlight where designs diverge most.
Often the best design combines insights from multiple options. Ask:
From "A Philosophy of Software Design":
Interface simplicity: Fewer methods, simpler params = easier to learn and use correctly.
General-purpose: Can handle future use cases without changes. But beware over-generalization.
Implementation efficiency: Does interface shape allow efficient implementation? Or force awkward internals?
Depth: Small interface hiding significant complexity = deep module (good). Large interface with thin implementation = shallow module (avoid).
development
Generate, explain, edit, and fix Azure Cosmos DB for NoSQL (SQL API) queries. Use whenever you need to produce a syntactically correct, safe Cosmos DB NoSQL query — for example when the user asks to generate, write, edit, fix, or explain a Cosmos DB NoSQL query. Provides the NoSQL dialect rules, safety rules, and few-shot examples. Covers SELECT/VALUE/DISTINCT/TOP, array-unwind JOINs, subqueries, WHERE/BETWEEN/IN/LIKE, GROUP BY and aggregates, ORDER BY and ORDER BY RANK, OFFSET/LIMIT, the full built-in function reference, and how Cosmos DB NoSQL differs from T-SQL / PostgreSQL / MySQL.
tools
Drive the active Azure Cosmos DB for NoSQL Query Editor in VS Code from natural language. Use whenever the user asks in natural language to show / find / list / count / filter data "in this container", "in my container", or in the active Cosmos DB Query Editor (for example: "show me all trucks in this container", "find active users", "count documents by type"), or to generate, edit, or explain a query for the active editor. This skill orchestrates the VS Code Language Model tools that read editor context, sample the container schema, apply a query, and run it; it delegates all Cosmos DB NoSQL query-language rules, syntax, functions, and examples to the cosmosdb-nosql-query-generation skill.
development
Azure Cosmos DB performance optimization and best practices guidelines for NoSQL, partitioning, queries, and SDK usage. Use when writing, reviewing, or refactoring code that interacts with Azure Cosmos DB, designing data models, optimizing queries, or implementing high-performance database operations.
development
Detects and fixes accessibility issues in React/Fluent UI webviews. Use when reviewing code for screen reader compatibility, fixing ARIA labels, ensuring keyboard navigation, adding live regions for status messages, or managing focus in dialogs.