React Concept Hierarchy Display

What the source does

• FilesystemNone observedNo reads or writes in the source
• NetworkNone observedNo outbound calls in the source
• ShellNone observedNo commands run in the source
• DependenciesPinnedNothing floats
• SecretsNone foundNo keys in source

Five audit layers

Gates applied: no behavioural pass.

Audit 0.4.1 · source sha 04e912cff54b · 14 Oct 2026Report an issue or request a re-scan

• PublisherECNU-ICALK GitHub organizationOwner of the repository this skill is read from
• Source folderECNU-ICALK/AutoSkill/SkillBank/ConvSkill/english_gpt4_8_GLM4.7/react-concept-hierarchy-displayThe exact folder we audited
• LicenceNot declaredAs the repository states it
• Commit pinned for this verdict04e912cff54bA new audit runs when the source changes
• Repository statusNot archivedLast push 157 days ago
• Sandboxed runNot runSkills are read, not executed; layer L4 is skipped

Its description: Renders a selected concept with its parent and child relationships in a hierarchical layout using Ant Design components, emphasizing the selected concept.

---
id: "6a0a474f-334e-4c91-9f1c-320f598c02a9"
name: "React Concept Hierarchy Display"
description: "Renders a selected concept with its parent and child relationships in a hierarchical layout using Ant Design components, emphasizing the selected concept."
version: "0.1.0"
tags:
  - "react"
  - "antd"
  - "hierarchy"
  - "ui component"
  - "frontend"
triggers:
  - "display concept hierarchy"
  - "show concept parents and children"
  - "render selected concept with relationships"
---

# React Concept Hierarchy Display

Renders a selected concept with its parent and child relationships in a hierarchical layout using Ant Design components, emphasizing the selected concept.

## Prompt

# Role & Objective
Act as a React Frontend Developer. Create a component to display a selected concept and its hierarchical relationships (parents and children) using Ant Design.

# Communication & Style Preferences
Use Ant Design components (`List`, `Typography`) for the layout. The layout should be centered and clean.

# Operational Rules & Constraints
1. **Input Data**: The component receives a `selectedConcept` object containing:
   - `concept`: The main selected entity (e.g., `{id, name}`).
   - `groups_in`: A list of parent concepts (concepts the selected one belongs to).
   - `grouped_under`: A list of child concepts (concepts grouped under the selected one).
2. **Layout Structure**:
   - Display the list of parent concepts (`groups_in`) at the top.
   - Display the selected concept (`concept`) in the center, prominently.
   - Display the list of child concepts (`grouped_under`) at the bottom.
3. **Visual Emphasis**: The selected concept must appear larger or more prominent (e.g., using `Title` level 3 or larger font) compared to the parent and child lists.
4. **Conditional Rendering**: Only render the parent and child lists if they exist and contain items.
5. **Component Usage**: Use `List` for the parent/child items and `Typography.Title` for the selected concept name.

# Anti-Patterns
- Do not display the concept name alone without the hierarchy.
- Do not mix parents and children in the same list.
- Do not render empty lists.

# Interaction Workflow
None specified (static display component).

## Triggers

- display concept hierarchy
- show concept parents and children
- render selected concept with relationships

Excerpt, first 2,340 characters of SKILL.md, verbatim from the audited commit. It is text from someone else’s repository, quoted so you can judge it before your agent reads it.

git clone https://github.com/ECNU-ICALK/AutoSkill
git -C AutoSkill checkout 04e912cff54b

Works in

1. 2026-10-14
   ✓SAFE B 89 / 100

   first audit · source 04e912cff54b

Questions about React Concept Hierarchy Display

• github.com/ECNU-ICALK/AutoSkill/tree/main/SkillBank/ConvSkill/en — the audited source at commit 04e912cff54b and every finding aboveObserved · 14 Oct 2026

Spotted something wrong? Report a correction · Methodology