Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/mtvrkan-from-scratch
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: design
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md and code. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/from-scratch
Tools it pre-approves 6
From allowed-tools in SKILL.md: the agent may use these without asking you each time.
Read,Grep,Glob,Bash,Edit,Write
What's inside
- Skill name
from-scratch- Description
- Use when starting a new project from scratch. Establishes contracts, design system, and architecture skeleton before any feature code. Enforces phase gates to prevent incoherence and bugs.
- License
- MIT
- Allowed tools
- Read,, Grep,, Glob,, Bash,, Edit,, Write
- Instructions
- 21 lines in SKILL.md · view on GitHub
Before installing
- Pre-approves some shell commands
Files (1)
- SKILL.md
SKILL.md (first lines)
# from-scratch
Runs in the main loop: its gates need the user between phases, and a subagent cannot ask. Three laws: (1) contracts before components — define routes/types/APIs first, (2) tokens before components — write globals.css CSS vars first, (3) phase gates — lint + tsc must pass before advancing. See `${CLAUDE_PLUGIN_ROOT}/agent_docs/from-scratch-guide.md` for templates, framework init commands, and the self-review checklist.
0. Seed the project `CLAUDE.md` from the kit's matching stack preset (`${CLAUDE_PLUGIN_ROOT}/presets/<category>/<stack>/CLAUDE.md`; multiple stacks → concatenate their `compact.md`s per `${CLAUDE_PLUGIN_ROOT}/presets/README.md`; no matching preset → `generic/fallback`).
1. Write `PROJECT-CONTRACTS.md` (routes, types, API endpoints, shared components, nav items). Determine archetype: SaaS | Marketing | DevTool | Ecommerce | Mobile | API | Internal | Creative, then select stack per archetype.
2. Collect the brief, then have `design-lead` return OPTIONS/QUESTION per `${CLAUDE_PLUGIN_ROOT}/agent_docs/design-directions.md` (three far-apart options; bespoke when none of the eight fits) and put that question to the user yourself. Write `DESIGN-SPEC.md` (axes as real numbers + brief constraints + the one signature moment) + `globals.css` from those values. **Gate 1:** lint + tsc = 0 errors.
3. Write `types/index.ts` from contracts. Build layout shell (AppShell, Sidebar, TopBar, PageHeader, EmptyState, SkeletonCard). **Gate 2:** lint + tsc + build = 0 errors.
4. Build first feature page — all 4 states: loading skeleton + populated + empty + error. **Gate 3:** lint + tsc + build = 0 errors.
5. Self-review: design tokens, the spec's spacing scale, component completeness, structural coherence — then run `/design-check` for the rest (direction actually visible, tells, monotony, signature).
## Output
```text
PROJECT INITIALIZED: [name] | Archetype: [type] | Stack: [list]
Contracts: ✓ | Design: ✓ | CSS tokens: ✓ | Types: ✓ | Shell: ✓ | First page: ✓
Phase gates: Gate 1: ✓ | Gate 2: ✓ | Gate 3: ✓
Next: /new-page [route] for additional pages.
```From mtvrkan/senior-dev-kit, MIT.
More from mtvrkan/senior-dev-kit
- 0.630score
new-screen
mtvrkan
Use when building a brand-new mobile screen, bottom sheet, or major UI section from scratch in Kotlin/Compose, Flutter, or Swift/SwiftUI.
SkillAFreshness: A★ 10Claude Code +9 - 0.630score
new-page
mtvrkan
Use when building a brand-new admin panel page or screen from scratch in ANY web framework.
SkillAFreshness: A★ 10Claude Code +9 - 0.627score
security-scan
mtvrkan
Use for dependency audits (CVEs, outdated majors, paid licenses, bloat), secret scans, SAST, and container/filesystem scans.
SkillAFreshness: A★ 10Claude Code +9 - 0.627score
dep-upgrade
mtvrkan
Use to upgrade a dependency across a major version or migrate between libraries — framework majors, ORM or test-runner majors, deprecated packages — with the…
SkillAFreshness: A★ 10Claude Code +9 - 0.627score
bug-fix
mtvrkan
Use for localized bugs, runtime errors, white screens, failing tests, console errors, and regressions.
SkillAFreshness: A★ 10Claude Code +9 - 0.627score
db-change
mtvrkan
Use for database schema/model/query changes AND new entity/relation/document modeling — SQL, NoSQL, ORM, indexes, constraints, data safety.
SkillAFreshness: A★ 10Claude Code +9 - 0.627score
api-design
mtvrkan
Use for designing REST/GraphQL API contracts before implementing, and for planning breaking-change version transitions (v1→v2, deprecations).
SkillAFreshness: A★ 10Claude Code +9 - 0.627score
systematic-debug
mtvrkan
Use for bugs whose cause is not localizable — intermittent or flaky failures, "works on my machine", regressions with no stack trace, heisenbugs, wrong…
SkillAFreshness: A★ 10Claude Code +9 - 0.627score
feature-plan
mtvrkan
Use before implementing large, multi-file, architecture or system-design, or unclear features.
SkillAFreshness: A★ 10Claude Code +9 - 0.627score
kit-setup
mtvrkan
Install the parts of Senior Dev Kit a plugin cannot carry — the path-scoped rules, the deny list, and the attribution setting — into the user's Claude Code…
SkillAFreshness: A★ 10Claude Code +9 - 0.627score
codebase-overview
mtvrkan
Use to generate or refresh a codebase architecture overview — directory map, data flow, key component responsibilities — so future research reuses it instead…
SkillAFreshness: A★ 10Claude Code +9 - 0.627score
env-audit
mtvrkan
Audits environment variables across the codebase — missing declarations, leaked defaults, unused vars, .env.example drift.
SkillAFreshness: A★ 10Claude Code +9
Signals
- Stars
- 10
- Forks
- 0
- Open issues
- 0
- Last commit (this folder)
- Oct 5, 2026 (23 days ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- MIT
- Repository
- github.com/mtvrkan/senior-dev-kit
- Website
- senior.mtvrkan.com/
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from mtvrkan
- 0.630score
new-screen
mtvrkan
Use when building a brand-new mobile screen, bottom sheet, or major UI section from scratch in Kotlin/Compose, Flutter, or Swift/SwiftUI.
SkillAFreshness: A★ 10Claude Code +9 - 0.630score
new-page
mtvrkan
Use when building a brand-new admin panel page or screen from scratch in ANY web framework.
SkillAFreshness: A★ 10Claude Code +9 - 0.627score
bug-fix
mtvrkan
Use for localized bugs, runtime errors, white screens, failing tests, console errors, and regressions.
SkillAFreshness: A★ 10Claude Code +9 - 0.627score
dep-upgrade
mtvrkan
Use to upgrade a dependency across a major version or migrate between libraries — framework majors, ORM or test-runner majors, deprecated packages — with the…
SkillAFreshness: A★ 10Claude Code +9 - 0.627score
codebase-overview
mtvrkan
Use to generate or refresh a codebase architecture overview — directory map, data flow, key component responsibilities — so future research reuses it instead…
SkillAFreshness: A★ 10Claude Code +9 - 0.627score
api-design
mtvrkan
Use for designing REST/GraphQL API contracts before implementing, and for planning breaking-change version transitions (v1→v2, deprecations).
SkillAFreshness: A★ 10Claude Code +9
Cite this page
from-scratch skill. Agent Mart. https://agentmart.dev/skills/mtvrkan-from-scratch (last updated 2026-10-24)