Create Element
Generates basic HTML elements like paragraphs, headings, lists, and images based on provided text descriptions.
Install on your platform
We auto-selected Claude Code based on this skill’s supported platforms.
Run in terminal (recommended)
claude mcp add create-element npx -- -y @trustedskills/create-element
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"create-element": {
"command": "npx",
"args": [
"-y",
"@trustedskills/create-element"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
This skill, create-element, allows AI agents to generate new HTML elements. It can be used to dynamically add components or modify existing structures within a webpage or document. The agent can specify the element type, attributes, and content to create.
When to use it
- Dynamically adding UI components: When building interactive web applications where elements need to be added on user action.
- Modifying existing HTML: For tasks like updating a product listing with new details or changing the layout of a page based on data.
- Generating simple HTML structures: Quickly creating basic HTML containers for content organization.
- Prototyping UI changes: Experimenting with different element types and attributes before implementing them in code.
Key capabilities
- Creates new HTML elements.
- Specifies element type (e.g.,
div,p,button). - Sets element attributes (e.g.,
class,id,href). - Adds content to the created element.
Example prompts
- "Create a paragraph element with the text 'This is a new paragraph.'"
- "Generate a button element with the class 'primary' and the text 'Click Me'."
- "Add a div element with id 'container' containing an image tag pointing to 'image.jpg'."
Tips & gotchas
The skill relies on understanding of basic HTML syntax. Incorrectly formatted attributes or element types may result in errors.
Tags
TrustedSkills Verification
Unlike other registries that point to live repositories, TrustedSkills pins every skill to a verified commit hash. This protects you from malicious updates — what you install today is exactly what was reviewed and verified.
Security Audits
| Gen Agent Trust Hub | Pass |
| Socket | Pass |
| Snyk | Pass |
🌐 Community
Passed automated security scans.