Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 

Repository files navigation

manixh

Portfolio template and documentation for the manixh.dev portfolio site.

This repository contains the markdown source files powering the manixh.dev portfolio — including content, components, architecture docs, and the design system.

Live Preview

manixh.dev Portfolio Preview

Markdown Files

File Description
AGENTS.md Agent instructions and guidelines
ARCHITECTURE.md System architecture and design decisions
COMPONENTS.md UI component documentation
CONTENT_SCHEMA.md Content structure and schema
DESIGN.md Design system reference — colors, typography, spacing, animations
LICENSE MIT License

See cli/README.md for full usage, options, and contributor docs.

Quick Start

Install all documentation files into your current directory:

npx manixh-portfolio

This copies AGENTS.md, ARCHITECTURE.md, COMPONENTS.md, CONTENT_SCHEMA.md, DESIGN.md, and LICENSE into your current directory — everything needed to rebuild this portfolio's theme with your own content.

Install a Single File

npx manixh-portfolio --only=AGENTS          # agent instructions
npx manixh-portfolio --only=ARCHITECTURE    # architecture docs
npx manixh-portfolio --only=COMPONENTS      # component docs
npx manixh-portfolio --only=CONTENT_SCHEMA  # content schema
npx manixh-portfolio --only=DESIGN          # design system
npx manixh-portfolio --only=LICENSE         # license

Install Multiple Files

Names are comma-separated and case-insensitive:

npx manixh-portfolio --only=AGENTS,DESIGN,LICENSE

Skip Overwrite Prompts

npx manixh-portfolio --force                     # all files, no prompts
npx manixh-portfolio --only=DESIGN --force       # single file, no prompts

Build With an AI Coding Agent

Claude Claude Code opencode OpenAI Codex Cursor Gemini

Important: run the install commands above first, then paste the prompt below as your opening message in Claude, Claude Code, opencode, Codex, Cursor, Gemini — or any other AI coding agent you use. The prompt expects the spec files to already be in your project root.

Copy the prompt — click to expand

Also available as cli/prompt.txt.

# Portfolio Build Prompt (paste this into your AI coding agent)

You are building/updating a developer portfolio. This project ships with spec files that are the **single source of truth**. You must follow them exactly — do not invent architecture, components, content structure, or design choices of your own. If something is not covered by the spec files, ask before assuming.

## Step 1 — Read the spec files first (mandatory, in this order)

Before writing or editing any code, read these files fully if they exist in the project root:

1. `AGENTS.md` — your operating manual: what you're allowed to keep/replace and the exact build steps
2. `ARCHITECTURE.md` — tech stack, folder structure, routing, data flow, build process
3. `COMPONENTS.md` — every reusable component, its props, variants, and usage examples
4. `CONTENT_SCHEMA.md` — the data schema and exactly where every piece of personal content must live
5. `DESIGN.md` — visual system: colors, type, spacing, layout rules
6. `LICENSE` — note it and move on, no action needed

Do not skip any of these, do not skim, and do not proceed to Step 2 until you've read all that are present. If any of these files are **missing**, stop and tell me which ones are missing instead of guessing their contents.

## Step 2 — Detect project state

Check the current folder and report back:

- **Existing project detected** (there's already code beyond the spec files — e.g. `src/`, `package.json`, existing components): treat this as an update. You must reuse and adapt the existing structure/content wherever it already satisfies `ARCHITECTURE.md` and `COMPONENTS.md`, and only change what's needed to bring it into compliance with the spec files. Do not rewrite working code from scratch "for cleanliness." List what you intend to change and why, mapped to a specific spec file.
- **Fresh/empty project**: treat this as a new build from the spec files.

## Step 3 — Gather missing information (only if needed)

Cross-check `CONTENT_SCHEMA.md` against what already exists in the project:

- If personal content (name, bio, projects, skills, links, images, etc.) required by `CONTENT_SCHEMA.md` already exists in the project (e.g. in a data file, CMS folder, or config), extract and reuse it — don't ask for things you can already find.
- For anything required by `CONTENT_SCHEMA.md` that is genuinely missing, ask me directly, as a single consolidated list of questions grouped by schema section (e.g. "Profile", "Projects", "Skills", "Social links"). Don't ask one question at a time. Don't ask about anything not required by the schema.
- If `DESIGN.md` exposes any theme-level choices (color mode, accent color, font pairing, etc.), ask about those in the same batch.

## Step 4 — Confirm before building

Once you have everything you need, output a short build plan before touching any files:

- Which files/components you will create, edit, or leave untouched
- Which sections of `CONTENT_SCHEMA.md` will be populated with what data
- Any assumptions you're making, explicitly flagged as assumptions

Wait for my explicit "yes/go/confirmed" before writing any code. Do not start building on your own initiative, even if you're confident.

## Step 5 — Build strictly to spec

Once confirmed:

- Follow `ARCHITECTURE.md` exactly for folder structure, routing, and data flow — don't introduce a different framework, state approach, or file layout.
- Use only the components and variants defined in `COMPONENTS.md`. If you need a component it doesn't define, stop and ask rather than inventing one.
- Populate content exactly where `CONTENT_SCHEMA.md` says it must live — don't hardcode personal content inline in components if the schema defines a data layer.
- Apply `DESIGN.md` precisely (colors, spacing, type scale, breakpoints) rather than default framework styling.
- Follow every explicit instruction in `AGENTS.md`, including what to preserve vs. replace.

## Step 6 — Self-check before you tell me you're done

Before reporting completion, verify and fix:

- Project installs and builds cleanly with no errors or warnings (run the actual install/build/lint commands from `ARCHITECTURE.md`)
- No broken imports, unused files, or dead code left behind
- No missing content fields vs. `CONTENT_SCHEMA.md`
- No component used outside the variants/props defined in `COMPONENTS.md`
- Responsive behavior and design tokens match `DESIGN.md`
- No console errors in dev mode

If any check fails, fix it yourself before reporting — don't hand me a broken build.

## Step 7 — Final report

Summarize: what was built/changed, which files were touched, any assumptions made, and any spec gaps you had to ask about. Do not describe features or structure that aren't actually in the spec files.

---

**Golden rule for the whole task:** if the spec files say it, build it that way. If the spec files don't say it, ask — never improvise architecture, components, content placement, or design on your own judgment.

License

MIT

About

No description, website, or topics provided.

Resources

Stars

44 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages