agentskills.codes
SC

scaffold-feature

by niklasbrandtCodingSource

Quickly generates skeleton code for full-stack features, including backend routes, frontend components, and tests.

Code GenerationTestingDocumentationFrontendBackendFastAPITypeScript

Install

mkdir -p .claude/skills/scaffold-feature && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/15245" && unzip -o skill.zip -d .claude/skills/scaffold-feature && rm skill.zip

Installs to .claude/skills/scaffold-feature

Activation

This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.

Scaffold a complete full-stack feature: FastAPI endpoint, dashboard Web Component, i18n keys, test stubs, and documentation checks.
131 charsno explicit “when” trigger
Intermediate

Key capabilities

  • →Ask for feature name, description, and component needs
  • →Create backend FastAPI endpoints with Pydantic models
  • →Generate dashboard Web Components
  • →Add i18n keys to translation files
  • →Create test stubs and ensure existing tests pass

How it works

This skill creates a full-stack feature scaffold by asking for feature details, then generating backend FastAPI endpoints, dashboard Web Components, i18n keys, and test stubs using predefined templates. It also checks documentation.

Inputs & outputs

You give it
Feature name, description, and whether backend/frontend components are needed
You get back
Scaffolded backend endpoint, dashboard component, i18n keys, test stubs, and updated documentation

When to use scaffold-feature

  • →Create a new dashboard feature
  • →Generate boilerplate for an API endpoint and UI component
  • →Set up test files for new features
  • →Ensure i18n coverage for new strings

About this skill

Scaffold Feature Skill

Creates the skeleton for a complete full-stack openZero feature.

Steps

  1. Ask for:

    • Feature name (e.g. "Weather Dashboard").
    • Brief description of what it does.
    • Whether it needs a backend endpoint, frontend component, or both.

  2. Backend endpoint (if needed): Use the new-endpoint skill template at .github/skills/new-endpoint/references/endpoint-template.py.

    • Create route in src/backend/app/api/dashboard.py.
    • Create Pydantic request/response models.
    • Create service function stub in src/backend/app/services/.

  3. Dashboard component (if needed): Use the new-component skill template at .github/skills/new-component/references/component-template.ts.

    • Create component in src/dashboard/components/.
    • Register lazy-load in vite.config.ts.
    • Wire up fetchData() to the new API endpoint.

  4. i18n keys:

    • Add title and any user-facing string keys to _EN and _DE in src/backend/app/services/translations.py.

  5. Test stubs:

    • Add test cases or a test file for the new feature.
    • Ensure existing test suites still pass.

  6. Documentation check:

    • If the feature introduces new env vars or setup steps, update BUILD.md.
    • If it's architecturally significant, create or update a docs/artifacts/ file.

  7. Verify:

    cd src/dashboard && npx tsc --noEmit
ruff check src/backend/
pytest tests/test_i18n_coverage.py -v

When not to use it

  • →When the feature does not require a full-stack scaffold
  • →When the feature is not for openZero

Limitations

  • →If the feature introduces new env vars or setup steps, update BUILD.md
  • →If the feature is architecturally significant, create or update a docs/artifacts/ file

How it compares

This skill automates the creation of a complete full-stack feature skeleton, ensuring all necessary components and configurations are generated consistently, unlike manual setup.

Compared to similar skills

scaffold-feature side by side with the closest alternatives in the catalog.

SkillInstallsUpdatedSafetyDifficulty
scaffold-feature (this skill)04moReviewIntermediate
add-feature04moReviewAdvanced
puttokei-project03moNo flagsIntermediate
bun-development46moCautionBeginner

Try saying

Example prompts that trigger this skill in your AI assistant.

More by niklasbrandt

View all by niklasbrandt →

deploy-vps

niklasbrandt

Run the full openZero deploy pipeline: build dashboard, commit, push, sync to VPS, and optionally run live regression tests.

00

You might also like

add-feature

adamint

Adds new features to the application including API endpoints, React pages, components, and curriculum content. USE FOR: implementing new features, adding API endpoints, creating React components, adding curriculum content, writing unit/API tests. DO NOT USE FOR: E2E browser tests (use add-e2e-tests

00

puttokei-project

TUT-StudyClub

Puttokei リポジトリで作業するときの前提をまとめた skill。docs/requirements/requirements.md を基準に、backend の FastAPI/Python、mobile の Expo/TypeScript、infra の Terraform、空ディレクトリの初期実装や構成整理を行うときに使う。

00

bun-development

davila7

Modern JavaScript/TypeScript development with Bun runtime. Covers package management, bundling, testing, and migration from Node.js. Use when working with Bun, optimizing JS/TS development speed, or migrating from Node.js to Bun.

424

rust-errors

EpicenterHQ

Rust to TypeScript error handling patterns for Tauri apps. Use when defining Rust errors that will be passed to TypeScript, handling Tauri command errors, or creating discriminated union error types.

521

add-new-setting-field

tsukumijima

【設定追加時は必ず参照】KonomiTV に新しい設定 (v-switch/v-select など) を追加する際の必須手順。SettingsStore.ts / Settings.ts / config.py / Settings/*.vue への追加が必要

12

component-development

FritzAndFriends

Guidance for creating Blazor components that emulate ASP.NET Web Forms controls. Use this when implementing new components or extending existing ones in the BlazorWebFormsComponents library.

12

Search skills

Search the agent skills registry