Architecture

by ktnyt

Architecture is a Frontend skill for Claude Code, published by ktnyt in cclsp.

673 stars51 forkson ktnyt/cclspAdded 2026/08/24Repository updated 2026/02/22

View source on GitHub Download repo ZIP

claudeclaude-codelspmcpmcp-server

Install in seconds

Install Architecture

Copy Architecture into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/ktnyt/cclsp/tree/main/.claude/skills/architecture ~/.claude/skills/architecture

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/ktnyt/cclsp.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: .claude/skills/architecture/SKILL.md in ktnyt/cclsp
Installs to: ~/.claude/skills/architecture
Collection: One of 4 skills cataloged from this repository
Category: Frontend — 567 skills

What Architecture does

Architecture guides the design of safely disposable code through contracts and dependency inversion. Use it when designing new modules, refactoring code, or setting boundaries between components.

Architecture is cataloged under Frontend on DirSkills. Architecture comes from a repository tagged claude, claude-code, lsp, mcp and mcp-server.

Documentation

README

Excerpt

Safely Disposable Code via Contracts

Every implementation should be disposable. The system's correctness is defined by its contracts, not by any particular implementation behind them.

Core Principle

Define what a component does (contract), not how it does it (implementation). Any implementation that satisfies the contract is interchangeable.

A component is "safely disposable" when:

Its behavior is fully described by a contract (trait, interface, protocol)
No consumer depends on implementation details
It can be deleted and rewritten from the contract alone without breaking the system

Workflow

Step 1: Define the Contract

Start with the contract. Write the trait/interface before any implementation.

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Architecture

What else does ktnyt publish alongside Architecture?
Architecture is one of 4 skills that DirSkills catalogs from ktnyt/cclsp, the repository it ships in. Its siblings there include Hands-On Testing, Playwright CLI and Security Review. Each one is a separate skill with its own page in this directory, installs the same way Architecture does, and is maintained by ktnyt in that same repository. The rest of the collection is listed on the ktnyt/cclsp page.
How does Architecture compare to other Frontend skills?
Architecture ranks #419 by stars among the 567 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Architecture against them. Open each page to compare what they document and how they install.