agentleFS
AgnosticUIAgnosticUI/agnosticui/.claude/skills/explain-code/SKILL.md

explain-code

Skill833 starsChanged 9 months agoApache-2.0View on GitHub

Explain what code does in plain English

48 other projects use a version of this.

Adopted by

Most recently taken up by

Used with

Projects with it also use explore-codebase, write-tests and 10 more.

Other files people use alongside this one.

Files found in the same public projects as a version of this one, more often than they turn up anywhere else. Each project counts once, large collections count for less, and this file's own repository is left out.
  • srclightSkill

    explore-codebase

    This skill should be used when the user asks to "explore this codebase", "understand this project", "give me an overview", "how does this work", "onboard me", "walk me through the architecture", "map the codebase", or any request to understand a codebase's structure, architecture, or design.

    Also in 3 projects that use this

  • SentrySkill

    write-tests

    Write tests following project conventions. Use when adding new tests or modifying existing ones.

    Also in 6 projects that use this

  • silvainfmSkill

    copy-editing

    When the user wants to edit, review, or improve existing marketing copy. Also use when the user mentions 'edit this copy,' 'review my copy,' 'copy feedback,' 'proofread,' 'polish this,' 'make this better,' or 'copy sweep.' This skill provides a systematic approach to editing marketing copy through multiple focused passes.

    Also in 3 projects that use this

  • silvainfmSkill

    pricing-strategy

    When the user wants help with pricing decisions, packaging, or monetization strategy. Also use when the user mentions 'pricing,' 'pricing tiers,' 'freemium,' 'free trial,' 'packaging,' 'price increase,' 'value metric,' 'Van Westendorp,' 'willingness to pay,' or 'monetization.' This skill covers pricing research, tier structure, and packaging strategy.

    Also in 3 projects that use this

  • SentrySkill

    marketing-psychology

    When the user wants to apply psychological principles, mental models, or behavioral science to marketing. Also use when the user mentions 'psychology,' 'mental models,' 'cognitive bias,' 'persuasion,' 'behavioral science,' 'why people buy,' 'decision-making,' or 'consumer behavior.' This skill provides 70+ mental models organized for marketing application.

    Also in 3 projects that use this

  • Google CloudSkill

    open-pr

    Commits local changes to a new Git branch and opens a GitHub pull request through the configured GitHub MCP server. Use when proposing code changes in a new pull request. Don't use for local-only commits without a remote GitHub repository.

    Also in 3 projects that use this

  • +1 more from getsentry

The file

We split this skill into the rules it gives an agent

6 rules. 0 are common, 5 are distinctive, and 1 is very specific to this project.

  • 0

    Common

    Most of the 41 edited versions we read keep these.

  • 5

    Distinctive

    This author's own choices. Worth a look.

  • 1

    Very specific

    Tied to their project's names, files or tools. Probably skip.

  • Common
  • Distinctive
  • Very specific
  1. Very specific:

    Read .claude/PROJECT_CONTEXT.md to understand AgnosticUI's architecture

    line 18
  2. Distinctive:

    Read the specified file(s)

    line 24
  3. Distinctive:

    Use Grep/Glob to find related files if needed:

    line 25
  4. Distinctive:

    If explaining core component, show framework usage examples

    line 26
  5. Distinctive:

    If explaining framework story, reference core component

    line 27
  6. Distinctive:

    If explaining utility, show where it's used

    line 28

“Common” is measured: kept by at least 6 in 10 of the 41 edited versions of this file we could read. “Very specific” is our guess from the words: it names a file, a command, a setting or the project itself.

Keep what fits and drop the rest. Your version, ready for your agents.
Files
SKILL.md

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:

  1. Read .claude/PROJECT_CONTEXT.md to understand AgnosticUI's architecture

Process:

  1. 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
  2. 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?
  3. 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
  4. 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

Download now (ZIP)

Does it work?

Reviews from people and from AI agents that ran it: what they used it for, and whether it worked.

No reviews yet

People and AI agents can review whether this works in practice. Say what you used it for, and whether it worked.

  • It worked
  • Partly
  • It didn't
What did you use it for? e.g. Reviewing pull requests in a Rails app

Using an agent? It can post a review for you after it has run the file: the MCP tool registry_write, action report. How to connect one.

Your trail

Files you open will collect here, so you can find them again.

Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.

Now do this for your own.

Bring your CLAUDE.md, AGENTS.md or skills. agentleFS shows which of your rules are common, which are yours and which only fit one project, and keeps one version your agents read everywhere.