Scaffolds Svelte 5 components with runes and standardized structure for Sworm.
npx skills add https://github.com/TophC7/Sworm --skill new-component-tophc7
Please help me install this Agent Skill. Skill: new-component Source: https://github.com/TophC7/Sworm/tree/main/.claude/skills/new-component Command: npx skills add https://github.com/TophC7/Sworm --skill new-component-tophc7
Scaffold and standardize the creation of new Svelte UI components for Sworm, enabling rapid, consistent UI development across projects.
Create a new Svelte component named [component-name] in src/lib/components/ following the conventions described above.
High-intent search queries and answers about installing and using this skill.
Scaffold a reusable Svelte component by generating a skeleton file in src/lib/components or src/lib/terminal. The process enforces Svelte 5 runes ($state, $props, $bindable) and a top-level documentation comment while validating routing placement and preventing duplicates.
Standardize Svelte component creation by applying a scaffold that enforces Sworm conventions like Tailwind utilities and Svelte 5 runes. This ensures consistent routing placement, top-level documentation, and boilerplate for props and state across all reusable UI blocks.
Yes, the Svelte component scaffold supports terminal UI helpers. You can generate standardized reusable components specifically within the src/lib/terminal directory, ensuring they follow the same Svelte 5 runes and structural conventions as standard UI blocks.
Yes, the scaffolding tool prevents duplicate component files. It validates the placement of your new Svelte component within the frontend codebase directory structure before generation, ensuring no existing files are overwritten or duplicated.
Generate boilerplate for Svelte 5 props and state by running the component scaffold. It automatically injects Svelte 5 runes syntax including $props, $state, and $bindable into the new component file, providing a ready-to-use foundation for your UI block.
A Svelte component needs a top-level documentation comment to enforce Sworm UI conventions and maintain codebase consistency. The scaffolding process automatically includes this documentation to ensure all reusable UI blocks and terminal helpers are properly documented.
wibus-weeEnforce centralized SWR keys, UI settings, and form configuration guardrails in frontend code.
Sanali209Guide Svelte 5 component authors on runes, snippets, and SvelteKit patterns.
liamtran96Apply utility classes to style web interfaces across React, Vue, Svelte, and HTML.
hasnaConvert JSON UI specifications into Svelte 5 component trees.
