skills.rest
HerbertJulio
HerbertJulioCOMMUNITY
Explore all skills by this author →
GitHub

dev-create-component

Generates a Svelte component file, typed props interface, and initial test scaffolds within an existing module.

20|3|Updated Feb 22, 2026
Search Tags:#testing#templates#scaffolding#component#svelte#props
One-click install
npx skills add https://github.com/HerbertJulio/specialist-agent --skill dev-create-component
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: dev-create-component
Source: https://github.com/HerbertJulio/specialist-agent/tree/main/packs/svelte/skills/dev-create-component
Command: npx skills add https://github.com/HerbertJulio/specialist-agent --skill dev-create-component

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams quickly scaffold new UI components inside an existing module, ensuring consistent templates, prop typing, and initial tests.

Core Features & Use Cases

  • Automated scaffolding for feature components, shared components, or pages based on the project's architecture guidelines and the runes-based template.
  • Generates a Svelte component file, a typed props interface, and initial test scaffolding to verify behavior.
  • Use case: Add a new ProductCard to an existing module and automatically create the component file, props, and unit test stubs.

Quick Start

Create a new Svelte component named ComponentName following the runes-based template and test scaffolding guidelines.

Frequently Asked Questions about dev-create-component

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I scaffold a new Svelte component with typed props and tests?▼

Scaffolding a new Svelte component with typed props and tests is automated by generating the component file, props interface, and initial test stubs based on existing architecture guidelines.

What is the best way to create consistent Svelte page templates across a project?▼

Creating consistent Svelte page templates is handled by applying automated scaffolding that follows the project's architecture guidelines and runes-based syntax for file layout and prop typing.

Do I need a specific Svelte architecture to generate component files and test scaffolds?▼

A compatible Svelte architecture and ARCHITECTURE guidelines are required to generate component files, ensuring the runes-based syntax and file layout are followed correctly.

Can I generate shared components and feature components using Svelte runes?▼

Generating shared components and feature components using Svelte runes is supported by applying the runes-based template to create the component file, props, and unit test stubs.

Why does scaffolding a Svelte component require architecture guidelines?▼

Scaffolding a Svelte component requires architecture guidelines to ensure the generated component file, props interface, and test scaffolding adhere to the correct runes-based syntax and project file layout.

Related Skills

Explore More Software Engineering Skills→
dwalleckdwalleck
11

Svelte Development Skill

Implement reactive Svelte 5 components using runes-based state and template syntax.

Community
Basic
gzp79gzp79

vitest-testing

Validate Svelte component props, state, and UI interactions with Vitest.

Community
Intermediate
KetbomeKetbome
28

svelte5-best-practices

Guide Svelte 5 codebases with runes, Snippets, and SvelteKit patterns.

Community
Intermediate
HerbertJulioHerbertJulio
20

dev-create-island

Create interactive island components with customizable hydration strategies for Astro projects.

Community
Intermediate