Skip to content

Explore Compare Agent Packs Skills UI Agentic Styles Guides

Choose languageOpen favorites and history

SkillCodex, 60 sourced resources to learn, find, and choose.

Explore

Search
Compare
Decision workshop

Atlas

UI concepts
5 Skills
Agentic
Styles

Learn

Guides
Agent Packs

Method

Sources and method
About

UI chapters

Small contextual surfaces
Modal surfaces
Edge-attached surfaces
Choose from a list
Choices and binary states
Change view or reveal content
Inform the user
Wait and track progress
Trigger or navigate
Enter text
Orient within a journey
Structure and explore data

·

The sourced atlas of interfaces, skills, and agentic concepts

·

Search index version № 1.0.49

Explore
Compare
Agent Packs
Skills
UI
Agentic
Styles
Guides

What are you looking for?

Describe what you are looking for

/

Answers come from the sourced atlas — nothing is generated on demand.

Precisely identify a UI behavior

What do you want to do?

I want to give a task to an agent
I want to know what the agent can read or change
I do not know the right term
I am choosing between options
I want a ready-to-copy instruction

Atlas sections

Explore
Describe your need and find the sourced resource that matches it.
60 searchable entries
Find a resource
Compare
Written decision rules for choosing between neighboring concepts.
36 UI comparisons
Start comparing
Agent Packs
Static, sourced, versioned instructions: behavior, states, criteria, and guardrails.
60 static packs
Browse Agent Packs
Skills
Documented agent skills: permissions, risk level, and compatibility.
5 sourced skills
Evaluate a skill
UI
Name interface components and behaviors precisely.
36 UI concepts
Browse UI concepts
Agentic
Agent, workflow, tool, skill: definitions that prevent mix-ups.
7 agentic concepts
Clarify the vocabulary
Styles
Identify a visual style, its signals, and its limits.
8 visual styles
Recognize a style
Guides
Sourced, dated, reviewed playbooks to move step by step.
4 indexed guides
Read the guides

Frequent decisions

Compare before choosing

See all 36 comparisons

Concept familyTooltip vs Popover vs Dropdown menuDo you need a short explanation, interactive contextual content, or an action list?
- Tooltip Choose Tooltip only when the content is brief and contains no interactive element; use Popover for controls or richer content.
- Popover Unlike Tooltip, a Popover can contain interactive content; unlike Dropdown menu, it is not limited to a list of actions.
- Dropdown menu Use Dropdown menu for commands such as Edit or Archive, not for choosing a form value like Select and not for arbitrary rich content like Popover.
See the family
Concept familyModal dialog vs Alert dialog vs LightboxIs the task about acting, confirming a consequential decision, or viewing media?
- Modal dialog Use a Modal dialog for a general contained task; use Alert dialog for a short consequential decision and Lightbox when viewing media is the task.
- Alert dialog An Alert dialog is for a short consequential decision, not a general form and not a media viewer.
- Lightbox Lightbox is a media-specific modal composition; a general Modal dialog handles tasks and an Alert dialog handles a consequential decision.
See the family
Style comparisonGlassmorphism vs Liquid GlassGlassmorphism decorates content surfaces. Liquid Glass reserves an adaptive material for Apple controls and navigation.
- Glassmorphism Choose glassmorphism for decorative cards or panels over a backdrop you control.
- Liquid Glass Choose Liquid Glass in an Apple app for a native control layer above content.
See the difference

Featured

Editorial selection

01SkillWeb app testingVerifies a local browser journey and produces reproducible evidence without deploying the application.
02AgenticAgentA system that pursues an objective by choosing actions, using tools, and observing their results in a bounded loop.
03StyleGlassmorphismGlassmorphism uses translucent panels, backdrop blur, and a light edge to create decorative depth. The backdrop visible through the glass supplies much of the palette.

The whole atlas

The choice is calculated locally, without popularity rankings or per-entry counters.

Recently updated

The latest published editorial revision from each atlas

01August 25, 2026GuideHow to brief and verify an agent
02August 10, 2026UIBreadcrumbs
03August 3, 2026AgenticAgent
04July 19, 2026StyleFlat Design
05July 19, 2026SkillWeb app testing

Explore the updates RSS Atom

Concepts and notions

Seven agentic notions, six UI concepts

Agent
Chatbot
Workflow
Prompt
Tool
Skill
Model Context Protocol (MCP)
Tooltip
Modal dialog
Drawer
Combobox
Toast
Segmented control

Browse all 36 UI concepts

Sourced knowledge
Every entry cites its primary sources.
Curated comparisons
Written rules, not invented scores.
Structured packs
Static instructions ready for your agent.
Interface literacy
Name precisely what you see.
Evergreen references
Versioned, dated entries.

Sources and method

Audience measurement

With your consent, Google Analytics and aggregate first-party counters measure site usage to help us improve it. These counters contain no search text, candidate, session identifier, or event identifier. You can change your choice anytime via “Cookies” in the footer.