How do I install the Framework Source Code skill?

Run npx skillmds add nickgallick/framework-source-code-2 in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

What does the Framework Source Code skill do?

Index of cloned design framework repos and how to reference them. It is listed under Coding & Dev Tools on SkillMD.

Is Framework Source Code safe to use?

This skill has not completed SkillMD's automated safety review yet. Capability flags: makes network calls. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Framework Source Code?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Framework Source Code free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Framework Source Code?

nickgallick (@nickgallick) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Framework Source Code by nickgallick

Name: Framework Source Code
Rating: 4.2 (5 reviews)
Author: nickgallick

File contents

Design Framework Source Code Index

Repos

Framework	Path	Use For
Shadcn UI	repos/shadcn-ui	Component patterns, variants, styling
Radix Primitives	repos/radix-primitives	Accessible component architecture
Tailwind CSS	repos/tailwindcss	Utility classes, config, theme
Lucide Icons	repos/lucide	Available icons, naming conventions
Nativewind	repos/nativewind	Tailwind-to-RN translation
Recharts	repos/recharts	Chart component APIs and patterns
Stitch MCP	repos/stitch-mcp	Design tool CLI integration

Repos Using Web Fetch Fallback

React Native Paper (rn-paper) — removed due to size (457MB). Fetch on demand from raw.githubusercontent.com/callstack/react-native-paper/main/...

When to Reference Source

Checking available Shadcn component variants: grep through the registry
Verifying Radix accessibility props: read the primitive source
Finding Tailwind default values: check the default config
Checking Lucide icon availability: search the icons directory

How to Search

# Find a Shadcn component
find repos/shadcn-ui -name "*.tsx" | xargs grep -l "ComponentName"

# Find Radix accessibility props
grep -r "aria-" repos/radix-primitives/packages/ --include="*.tsx" | head -20

# Find Tailwind defaults
cat repos/tailwindcss/stubs/config.full.js

# Find available Lucide icons
ls repos/lucide/icons/ | head -50

Web Fetch Fallback

Shadcn: raw.githubusercontent.com/shadcn-ui/ui/main/...
Radix: raw.githubusercontent.com/radix-ui/primitives/main/...
Tailwind: raw.githubusercontent.com/tailwindlabs/tailwindcss/master/...
RN Paper: raw.githubusercontent.com/callstack/react-native-paper/main/...

Changelog

2026-03-20: Initial index with 7 local repos + 1 web fetch fallback (rn-paper removed, 457MB)

---name: framework-source-code-2description: Index of cloned design framework repos and how to reference them.--- # Design Framework Source Code Index ## Repos | Framework | Path | Use For | |-----------|------|---------| | Shadcn UI | repos/shadcn-ui | Component patterns, variants, styling | | Radix Primitives | repos/radix-primitives | Accessible component architecture | | Tailwind CSS | repos/tailwindcss | Utility classes, config, theme | | Lucide Icons | repos/lucide | Available icons, naming conventions | | Nativewind | repos/nativewind | Tailwind-to-RN translation | | Recharts | repos/recharts | Chart component APIs and patterns | | Stitch MCP | repos/stitch-mcp | Design tool CLI integration | ## Repos Using Web Fetch Fallback - **React Native Paper** (rn-paper) — removed due to size (457MB). Fetch on demand from raw.githubusercontent.com/callstack/react-native-paper/main/... ## When to Reference Source - Checking available Shadcn component variants: grep through the registry - Verifying Radix accessibility props: read the primitive source - Finding Tailwind default values: check the default config - Checking Lucide icon availability: search the icons directory ## How to Search ```bash # Find a Shadcn component find repos/shadcn-ui -name "*.tsx" | xargs grep -l "ComponentName" # Find Radix accessibility props grep -r "aria-" repos/radix-primitives/packages/ --include="*.tsx" | head -20 # Find Tailwind defaults cat repos/tailwindcss/stubs/config.full.js # Find available Lucide icons ls repos/lucide/icons/ | head -50 ``` ## Web Fetch Fallback - Shadcn: raw.githubusercontent.com/shadcn-ui/ui/main/... - Radix: raw.githubusercontent.com/radix-ui/primitives/main/... - Tailwind: raw.githubusercontent.com/tailwindlabs/tailwindcss/master/... - RN Paper: raw.githubusercontent.com/callstack/react-native-paper/main/... ## Changelog - 2026-03-20: Initial index with 7 local repos + 1 web fetch fallback (rn-paper removed, 457MB)

Frequently asked questions