/scaffold--component

/scaffold--component is a Claude Code skill in the Code section. Generates a React, Vue or Svelte component following your project's conventions, with types, styles, tests and a Storybook story.

Author's description

Generate a complete React/Vue/Svelte component with types, tests, and stories

How to ask for it

/scaffold--component create a React Button component with types and tests
/scaffold--component I need a Vue component for a product card
/scaffold--component generate a Svelte component with its Storybook story

Install

curl -fsSL https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.sh | bash

After installing with the script, type /scaffold--component. Using Cursor, Windsurf or Codex? Platform guides

Demo coming soon

/scaffold--component-3d3D component for the web
Generates a 3D component with React Three Fiber, Three.js or Babylon.js, including types, animations and controls, matched to your project.
Built here
/scaffold--fullstackFull-stack feature scaffold
Builds a feature end to end: migration, model, API, typed client, UI screens and tests, following your project's conventions.
Built here
/scaffold--hookCustom React hook
Generates a custom React hook with types, effect cleanup, error handling, tests and a usage example.
Built here
/scaffold--middlewareBackend middleware
Generates middleware for authentication, authorization, validation, logging, rate limiting or error handling in your project's web framework.
Built here
/scaffold--modelData model with validation
Generates a data model with validation, relationships, serialization, a migration and test fixtures, using whichever ORM your project has.
Built here
/scaffold--scaffoldProject scaffold from scratch
Generates the full structure of a new project, with config files, Docker, CI and an environment variable template.
Built here

How to ask for it

Install

More from this section