Install
$ agentstack add skill-agnosticui-agnosticui-explain-code ✓ scanned · ✓ verified, works with Claude Code, Cursor, and more.
Security review
✓ PassedNo issues found. Passed automated security review. · v0.1.0 How review works →
- ✓ Prompt-injection patterns
- ✓ Secret / credential exfiltration
- ✓ Dangerous shell & filesystem operations
- ✓ Untrusted network calls
- ✓ Known-malicious package signatures
What it can access
- ✓ Network access No
- ✓ Filesystem access No
- ✓ Shell / process execution No
- ✓ Environment & secrets No
- ✓ Dynamic code execution No
From automated source analysis of v0.1.0. “Used” means the capability is present in the source — more access means more to trust, not that it’s unsafe.
Verified badge
Passed review? Show it. Paste this badge into your README, it links to the public security report.
Reliability & compatibility
Declared compatibility
Compatibility is declared by the source manifest. End-to-end runtime verification is coming, see below.
We're building live execution health for every listing: tool-call success rate, median latency, uptime, and last-checked timestamps, measured, not self-reported. It isn't live yet, so we don't show numbers we can't stand behind.
How agent discovery & health will work →About
Usage: /explain-code PATH_OR_DESCRIPTION
Examples:
/explain-code v2/lib/src/components/Button.ts/explain-code the button ripple effect/explain-code design token system
Explain: $ARGUMENTS
Setup:
- Read
.claude/PROJECT_CONTEXT.mdto understand AgnosticUI's architecture
Process:
- Locate and read the code:
- Identify if it's a core component, framework implementation, or utility
- Read the specified file(s)
- Use Grep/Glob to find related files if needed:
- If explaining core component, show framework usage examples
- If explaining framework story, reference core component
- If explaining utility, show where it's used
- Understand the context:
- Where does this fit in AgnosticUI's architecture?
- Is it framework-agnostic or framework-specific?
- Does it use design tokens or CSS custom properties?
- Are there related files in other frameworks?
- Explain clearly:
- What it does (high level, user-facing behavior)
- How it works (key logic, algorithms, patterns)
- Why it's structured this way (architectural decisions)
- AgnosticUI-specific context:
- How it fits the CSS-first approach
- Framework-agnostic vs framework-specific aspects
- Design token usage
- Accessibility considerations
- Common usage patterns with examples
- Edge cases or gotchas to be aware of
- Provide helpful context:
- Show where it's used (examples, stories, playgrounds)
- Note framework differences if applicable
- Link to related components or utilities
- Reference relevant playbooks if they exist
Keep explanations:
- Clear and jargon-free (or explain jargon)
- Organized from high-level to details
- Focused on understanding, not just describing
- Contextualized within AgnosticUI's multi-framework architecture
Source & license
This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.
- Author: AgnosticUI
- Source: AgnosticUI/agnosticui
- License: Apache-2.0
- Homepage: https://agnosticui.com
Install and usage instructions live in the source repository linked above.
Reviews
No reviews yet, be the first.
Write a review
Versions
- v0.1.0 Imported from the upstream source.