🎯

define-architecture

🎯Skill

from mblode/agent-skills

What it does

A define architecture skill for establishing repo layout, workflow, and full-stack architecture patterns for TypeScript applications at project start.

📦

Same repository

mblode/agent-skills(33 items)

define-architecture

Installation

Vibe Index InstallInstalls to .claude/skills/ - auto-recognized by Claude Code

npx vibeindex add mblode/agent-skills --skill define-architecture

skills.sh Install⚠ Installs to .agents/skills/ - may not be auto-recognized by Claude Code

npx skills add mblode/agent-skills --skill define-architecture

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/define-architecture/SKILL.md

SKILL.md

68Installs

AddedFeb 4, 2026

View on GitHub Back to Skills

More from this repository10

🎯

ui-animation🎯Skill

UI animation guidelines covering motion timing, easing defaults, spatial sequencing, CSS-first animation principles, and prefers-reduced-motion accessibility patterns.

🎯

audit-ui🎯Skill

Performs comprehensive UI quality review focusing on typography, accessibility, and user experience refinement before product release.

🎯

agent-skills-creator🎯Skill

Agent skills creator from a minimal, opinionated skill set for planning, design, engineering, and UI quality.

🎯

optimise-seo🎯Skill

Optimizes SEO for Next.js App Router by implementing metadata, structured data, semantic HTML, and performance improvements without visual redesigns.

🎯

multi-tenant-platform-architecture🎯Skill

Enables secure, scalable multi-tenant platform architectures on Cloudflare Workers with deterministic routing, tenant isolation, and custom domain support.

🎯

design-ui🎯Skill

A minimal, opinionated set of agent skills for planning, design, engineering, and UI quality, covering feature planning, architecture scaffolding, Next.js and CLI project setup, UI design, accessibility audits, typography, animation, SEO optimization, and PR reviews.

🎯

review-pr🎯Skill

Reviews pull requests for bugs and CLAUDE.md compliance, providing high-signal, actionable feedback with precise inline comments.

🎯

docs-writing🎯Skill

A documentation writing skill from a minimal, opinionated set of agent skills covering planning, design, engineering, and UI quality for development workflows.

🎯

agents-md🎯Skill

Skill for generating AGENTS.md files that document agent capabilities, tool access, and workflow instructions for AI coding assistants.

🎯

implement-frontend🎯Skill

Implements frontend best practices for React/TypeScript, focusing on type safety, form handling, state management, and clean, performant code.