A design-system lens for building browser-based and agent-adjacent surfaces where humans review, annotate, approve, or steer coding agents. Extracted from Plannotator, Open Design's annotation system, and practical canvas-overlay experiments, then generalized into reusable laws, patterns, and component decisions for agentic interaction UIs.
EnglishCombined knowledge base from \"The Algorithm Design Manual\" (Skiena) and \"Algorithms, 4th Edition\" (Sedgewick & Wayne). Use when choosing or analyzing an algorithm or data structure — complexity analysis, sorting, searching/symbol tables, heaps, graphs, shortest paths, strings, dynamic programming, greedy, backtracking, NP-completeness — when modeling a problem to a known algorithm, or when looking up the best-known approach for a problem.
English
AGENT SKILLS ATLASIncludes Agent Surface Design System and other workflows.
Claude Code
Codex
Cursor
GitHub Copilot
Gemini CLISupported by the Atlas install prompt. Skill-specific requirements vary.
Pack stats
What’s included
Agent Surface Design System
A design-system lens for building browser-based and agent-adjacent surfaces where humans review, annotate, approve, or steer coding agents. Extracted from Plannotator, Open Design's annotation system, and practical canvas-overlay experiments, then generalized into reusable laws, patterns, and component decisions for agentic interaction UIs.
Algos
Combined knowledge base from \"The Algorithm Design Manual\" (Skiena) and \"Algorithms, 4th Edition\" (Sedgewick & Wayne). Use when choosing or analyzing an algorithm or data structure — complexity analysis, sorting, searching/symbol tables, heaps, graphs, shortest paths, strings, dynamic programming, greedy, backtracking, NP-completeness — when modeling a problem to a known algorithm, or when looking up the best-known approach for a problem.
Quick start
- Choose your skills. Select individual skills above, or choose the entire pack.
- Copy the install prompt. Use Copy install prompt above the list.
- Send it to your agent. Paste into your coding agent’s chat. Your agent reviews the source and guides the setup.
Try it with your agent
After installation, start with a request like:
Use the Agent Surface Design System skill to help with my task.
Ask me for the context you need before getting started.Requirements & license
- A coding agent that can access your project files and install skills.
- Your agent checks each skill’s instructions, dependencies, and permissions during setup.
- License details are not provided in these listings. Check the author’s terms before using the skills.