claude-engineer

Q: How to install claude-engineer?

Create the skills directory: mkdir -p .claude/skills. Then add the config to .claude/skills/claude-engineer.md. Finally, /claude-engineer in Claude Code.

Q: What is claude-engineer best for?

claude-engineer is categorized under General. It covers: api, design.

New

1GitHub TrendingGeneralby martian56

Claude Code marketplace and home of claude-engineer: an opinionated, design-system-first, plan-gated autonomous engineer for full greenfield React/Next and FastAPI projects.

First seen 6/21/2026

Summary

Claude-engineer is an opinionated, design-system-first autonomous engineer for full greenfield React/Next and FastAPI projects.

It guides developers through plan-gated development, ensuring consistent architecture and design patterns from the start.
This skill is ideal for teams wanting to rapidly scaffold and iterate on modern web applications with a strong foundation.

Install & Usage

Create the skills directory

mkdir -p .claude/skills

Download the skill file

Add the configuration to .claude/skills/claude-engineer.md

Invoke in Claude Code

/claude-engineer

Use Cases

Scaffold a new Next.js project with a pre-configured design system and component library.

Generate a full-stack feature with React frontend and FastAPI backend, including API routes and database models.

Refactor existing code to align with a design system, ensuring consistency across components.

Create a new page or section in a Next.js app following established design patterns and state management.

Implement authentication flow with JWT tokens, integrating frontend login forms and backend middleware.

Add a new API endpoint to a FastAPI service with validation, error handling, and OpenAPI documentation.

Usage Examples

/claude-engineer scaffold a new Next.js project with Tailwind CSS and a component library

Create a new user profile page with edit functionality, using the existing design system and API patterns

Add a FastAPI endpoint for listing products with pagination and search, then connect it to the React frontend

View source on GitHub

apidesign

Security Audits

LicenseUnknownSourceWarnRepositoryPass

Frequently Asked Questions

What is claude-engineer?

Claude-engineer is an opinionated, design-system-first autonomous engineer for full greenfield React/Next and FastAPI projects. It guides developers through plan-gated development, ensuring consistent architecture and design patterns from the start. This skill is ideal for teams wanting to rapidly scaffold and iterate on modern web applications with a strong foundation.

How to install claude-engineer?

To install claude-engineer: create the skills directory (mkdir -p .claude/skills), then add the config to .claude/skills/claude-engineer.md. Finally, /claude-engineer in Claude Code.

What is claude-engineer best for?

claude-engineer is a other categorized under General. It is designed for: api, design. Created by martian56.

What can I use claude-engineer for?

claude-engineer is useful for: Scaffold a new Next.js project with a pre-configured design system and component library.; Generate a full-stack feature with React frontend and FastAPI backend, including API routes and database models.; Refactor existing code to align with a design system, ensuring consistency across components.; Create a new page or section in a Next.js app following established design patterns and state management.; Implement authentication flow with JWT tokens, integrating frontend login forms and backend middleware.; Add a new API endpoint to a FastAPI service with validation, error handling, and OpenAPI documentation..