New Component
Automatically generates basic code structures for new software components based on provided specifications and context.
Install on your platform
We auto-selected Claude Code based on this skill’s supported platforms.
Run in terminal (recommended)
claude mcp add new-component npx -- -y @trustedskills/new-component
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"new-component": {
"command": "npx",
"args": [
"-y",
"@trustedskills/new-component"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
This skill automatically generates basic code structures for new GPUI components, guiding developers through a standardized process. It provides templates and instructions for creating component files, registering them within the project, and extending related functionality. The goal is to ensure consistency in API design, styling (following Shadcn UI patterns), and overall implementation across all GPUI components.
When to use it
- When starting development on a new GPUI component from scratch.
- To ensure adherence to existing coding patterns and project conventions for GPUI components.
- For developers unfamiliar with the specific structure and organization of the GPUI codebase.
Key capabilities
- Generates basic component file structures (e.g.,
alert_dialog.rs). - Provides guidance on choosing between stateless, stateful, or composite component types.
- Outlines steps for registering new components in
crates/ui/src/lib.rs. - Suggests extending
window_ext.rsfor dialog-like components. - Reminds users to create component documentation and stories.
Example prompts
- "Generate a basic code structure for a new GPUI component called 'MyComponent'."
- "Show me the steps for registering a new component in
lib.rs." - "What are the guidelines for creating stateful vs. stateless components?"
Tips & gotchas
- This skill is specifically designed for developing GPUI components within an existing project structure.
- Familiarity with Rust and GPUI concepts is helpful to effectively utilize the generated code structures.
- Pay close attention to the instructions regarding styling (Shadcn UI) and API consistency.
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.