Skip to content

$aisearch
$cd/explore
$cd/occupations
$ls/categories
$watchtrending
$bookcoaching
$mandocs

Frontend Backend ML / AI Data Science Prompt Engineer DevOps iOS Android Designer SQL SEO Marketing Finance Game Dev Image Gen Productivity

Prompt Engineer

> Need hands-on help? Book a 1-on-1 coaching session

$100/hr · pay-per-session →

The marketplace for AI skills. Discover, share, and install skills for Claude and beyond — made by creators, curated for builders.

Explore

All skills
Categories
Search
Featured

Build

Submit a skill
Create a skill
API
Blog

Company

About
Contact
FAQ
Changelog

Legal

Privacy
Terms
Cookies
Disclaimer
DMCA
Acceptable Use
Security
Accessibility

Popular searches

Claude Code skills
SKILL.md examples
RAG skills
AI agent skills
Prompt engineering
MCP server skills
Claude Sonnet skills
Claude vs ChatGPT
Cursor AI skills
Frontend Claude skills
Backend Claude skills
SQL Claude skills
DevOps AI skills
SEO content AI
iOS development AI
Android AI skills
Testing & QA skills
Data science skills
Image generation
Video editing AI

Browse by role

$ Frontend engineer
$ Backend engineer
$ Mobile / iOS / Android
$ Data engineer
$ DevOps / SRE
$ Designer
$ Product manager
$ Marketer / SEO
$ Prompt engineer

Browse by tool

$ Claude Code
$ Cursor
$ Windsurf
$ VS Code
$ Zed
$ Warp
$ Raycast
$ GitHub Copilot

© 2026 ClaudeSkill. All rights reserved.

Not affiliated with Anthropic. Claude is a trademark of Anthropic, PBC.

$pwd:

~
explore
Designer
design-system-architect

// Build a complete design system: tokens, components, docs, themes, accessibility audits.

Design System ArchitectVerified Creator

git log --oneline --stat

HEAD

Stars: 3.5k
Forks: 106
Updated: May 1, 2026

repo --stat

stars
3.5k
forks
106
last update
May 1, 2026
license
MITv2.3.1

quickstart.sh

3 steps

1
Install
// Drops SKILL.md into ~/.claude/skills/
```
$ claude skills add design-system-architect
```

2

Invoke

// Run from any project directory

$ claude --skill design-system-architect "give my landing page a hero treatment"

3
Iterate
// Re-run with edits — Claude keeps the skill loaded
```
$ claude --skill design-system-architect "now refactor it"
```

design-system-architect/

references

references/
SKILL.mdopen
README.mdopen

SKILL.md

readonly

name:: Design System Architect
slug:: design-system-architect
version:: v2.3.1
license:: MIT
author:: @ds-craft
repository:: github.com/ds-craft/design-system-architect
categories:: Designer Frontend
tags:: #design-system#tokens#components#a11y#documentation
description:: Build a complete design system: tokens, components, docs, themes, accessibility audits.

features.md

3 capabilities

// What you can do with it

Automates the tedious parts of the workflow.
Gives Claude the right context, tools, and guardrails.
Produces consistent, reviewable output every time.

README.md

design-system-architect/README.md

5 sections

Loading README…

$ cat reviews/

Reviews

// No reviews yet. Be the first.

Loading review form…

$ ls related/

explore all →

flutter-cross-platform.md

@flutter-dev

Flutter Cross-Platform Builder · v3.22.0

Build iOS, Android, and web apps from one Flutter codebase with BLoC and Riverpod.

166k 29.8k BSD-3-Clause

iOS Developer#flutter#dart#bloc

2026-05-04cd ./flutter-cross-platform →

nextjs-app-router-pro.md

@vercel-labs

Next.js App Router Pro · v14.2.0

Full-stack Next.js 14 App Router: server components, actions, streaming, and ISR.

Frontend#nextjs#react#typescript

2026-05-03cd ./nextjs-app-router-pro →

typescript-strict-coder.md

@microsoft

TypeScript Strict Mode Expert · v5.5.0

Enforce strict TypeScript: generics, utility types, discriminated unions, and type guards.

101k 44.5k Apache-2.0

Frontend#typescript#strict-mode#generics

2026-04-25cd ./typescript-strict-coder →

package.json

"author":

@ds-craft

"repository":

ds-craft/design-system-architect

install --global

v1

$npx skills add design-system-architect

# Paste into your shell, or drop into skills.sh to track installs per project.

download --local

[HINT] Paste the command into your terminal, or drop the unzipped files into ~/.claude/skills/.

installs --last 30d

last 30 days

0

no data

on this page

Design System Architect
What it does
Install
How it works
Tips

need_help.md

Stuck?

Book a live 1-on-1 session — we can pair on this skill, or anything AI-related, in your own codebase.

Book a session — $100/hr