UI UX Pro Max
saoudi-h/solar-icons
UI/UX design intelligence for web and mobile. An agent skill from saoudi-h/solar-icons.
Long-running design anthropologist that builds comprehensive visual databases from 500-1000 real-world examples, extracting color palettes, typography patterns, layout systems, and interaction…
Install Design Archivist
$ npx skills add curiositech/some_claude_skills --skill design-archivist -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install curiositech/some_claude_skills design-archivist --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/curiositech/some_claude_skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.claude/skills/design-archivist .claude/skills/design-archivist && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "design-archivist" agent skill from https://github.com/curiositech/some_claude_skills/tree/main/.claude/skills/design-archivist into .claude/skills/design-archivist/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "design-archivist", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/curiositech/some_claude_skills/tree/main/.claude/skills/design-archivistType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add curiositech/some_claude_skills --skill design-archivist -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install curiositech/some_claude_skills design-archivist --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/curiositech/some_claude_skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.claude/skills/design-archivist .agents/skills/design-archivist && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "design-archivist" agent skill from https://github.com/curiositech/some_claude_skills/tree/main/.claude/skills/design-archivist into .agents/skills/design-archivist/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "design-archivist", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add curiositech/some_claude_skills --skill design-archivist -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install curiositech/some_claude_skills design-archivist --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/curiositech/some_claude_skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.claude/skills/design-archivist .cursor/skills/design-archivist && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "design-archivist" agent skill from https://github.com/curiositech/some_claude_skills/tree/main/.claude/skills/design-archivist into .cursor/skills/design-archivist/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "design-archivist", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/curiositech/some_claude_skills.git --path .claude/skills/design-archivist--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add curiositech/some_claude_skills --skill design-archivist -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install curiositech/some_claude_skills design-archivist --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/curiositech/some_claude_skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.claude/skills/design-archivist .gemini/skills/design-archivist && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "design-archivist" agent skill from https://github.com/curiositech/some_claude_skills/tree/main/.claude/skills/design-archivist into .gemini/skills/design-archivist/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "design-archivist", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install curiositech/some_claude_skills design-archivistInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add curiositech/some_claude_skills --skill design-archivist -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/curiositech/some_claude_skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/.claude/skills/design-archivist .github/skills/design-archivist && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "design-archivist" agent skill from https://github.com/curiositech/some_claude_skills/tree/main/.claude/skills/design-archivist into .github/skills/design-archivist/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "design-archivist", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add curiositech/some_claude_skills --skill design-archivist -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install curiositech/some_claude_skills design-archivist --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/curiositech/some_claude_skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.claude/skills/design-archivist .opencode/skills/design-archivist && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "design-archivist" agent skill from https://github.com/curiositech/some_claude_skills/tree/main/.claude/skills/design-archivist into .opencode/skills/design-archivist/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "design-archivist", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
design-archivist- GitHub stars
- 243
- Token cost
- ~1.6k tokens
- SKILL.md length
- 570 words
- Files
- 6 (incl. scripts, references)
- Skills in repo
- 95
- Repo updated
- First seen
- Licence
- MIT
At a glance
Long-running design anthropologist that builds comprehensive visual databases from 500-1000 real-world examples, extracting color palettes, typography patterns, layout systems, and interaction…
- Works in 9 steps: Domain Initialization → Systematic Crawling → Pattern Extraction → …
- Tasks that involve Typography
- SKILL.md covers Quick Start, When to Use, Core Process and Visual DNA Extraction, plus 6 more sections
- Runs Shell scripts from its folder
What it does
Design Archivist is an agent skill from curiositech/some_claude_skills. Long-running design anthropologist that builds comprehensive visual databases from 500-1000 real-world examples, extracting color palettes, typography patterns, layout systems, and interaction design across any domain (portfolios, e-commerce, SaaS, adult content, technical showcases). This skill should be used when users need exhaustive design research, pattern recognition across large example sets, or systematic visual analysis for competitive positioning.
Its SKILL.md is about 1.6k tokens, which your agent loads only when the skill is triggered. The skill folder holds 8 other files, including scripts and reference files (for example `.claude-plugin/plugin.json`, `CHANGELOG.md` and `references/data_structures.md`).
It sits in Frontend & Design, covering Typography, Theming and dark mode and E-commerce operations. The repository describes itself as: Claude skills that make my life easier. The licence is MIT.
When your agent uses it
- Tasks that involve Typography
- Tasks that involve Theming and dark mode
- Tasks that involve E-commerce operations
Example prompts
- “/design-archivist”
Requirements
- A Bash shell
- Pre-approved tools (allowed-tools): Read, Write, WebSearch, WebFetch
Workflow steps
9 steps, taken from the step headings in SKILL.md.
What it can do on your machine
Read from SKILL.md and the folder at commit 6713fc7. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves these tools, so the agent can use them without asking each time:
ReadWriteWebSearchWebFetch
From allowed-tools in the SKILL.md frontmatter.
Runs code
Ships 1 file in scripts/ (Shell), which the agent can run.
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Design Archivist loads about 1.6k tokens when it runs, and up to ~4.2k if it reads all its reference files. Until then it costs about 120 tokens; SKILL.md has 570 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.
SKILL.md
The full file from curiositech/some_claude_skills at commit 6713fc7, republished under its MIT licence (© curiositech). 570 words, ~1,634 tokens.
Download SKILL.mdSave it as
.claude/skills/design-archivist/SKILL.md (or your agent's skills folder). This skill also uses 5 other files; get the full folder from GitHub.- name
- design-archivist
- description
- Long-running design anthropologist that builds comprehensive visual databases from 500-1000 real-world examples, extracting color palettes, typography patterns, layout systems, and interaction design across any domain (portfolios, e-commerce, SaaS, adult content, technical showcases). This skill should be used when users need exhaustive design research, pattern recognition across large example sets, or systematic visual analysis for competitive positioning.
- allowed-tools
- Read, Write, WebSearch, WebFetch
- metadata.category
- Research & Analysis
- metadata.tags
- design-research, patterns, analysis, visual-database, trends
Design Archivist
A design anthropologist that systematically builds visual databases through large-scale analysis of real-world examples. This is a long-running skill designed for multi-day research (2-7 days for 500-1000 examples).
Quick Start
User: "Research design patterns for fintech apps targeting Gen Z"
Archivist:
1. Define scope: "fintech landing pages, Gen Z audience (18-27)"
2. Set target: 500 examples over 2-3 days
3. Identify seeds: Venmo, Cash App, Robinhood, plus competitors
4. Begin systematic crawl with checkpoints every 10 examples
5. After 48 hours: Deliver pattern database with:
- Color trends
- Typography patterns
- Layout systems
- White space opportunitiesWhen to Use
Use for:
- Exhaustive design research (300-1000 examples)
- Pattern recognition across large example sets
- Competitive visual analysis
- Trend identification with data backing
- Domain-specific design language extraction
NOT for:
- Quick design inspiration (use Dribbble/Awwwards directly)
- Single example analysis
- Small samples (<50 examples)
- Real-time trend spotting (this takes days)
Core Process
1. Domain Initialization
- Define target domain and audience
- Set target count (300-1000 based on specificity)
- Identify seed URLs or search queries
- Establish focus areas
2. Systematic Crawling
For each example:
- Capture visual snapshot
- Record metadata (URL, timestamp, context)
- Extract Visual DNA (colors, typography, layout, interactions)
- Analyze contextual signals (audience, positioning, success indicators)
- Apply categorical tags
- Save checkpoint every 10 examples
3. Pattern Extraction
After accumulating examples, identify:
- Dominant patterns - The "norm" (most common approaches)
- Emerging patterns - The "future" (gaining traction)
- Deprecated patterns - The "past" (avoid these)
- Outlier patterns - The "experimental" (unique approaches)
Visual DNA Extraction
For each example, extract:
| Category | What to Extract |
|---|---|
| Colors | Palette, primary/secondary/accent, dominance percentages |
| Typography | Font families, weights, sizes, hierarchy |
| Layout | Grid system, spacing base, structure, whitespace |
| Interactions | Hover effects, transitions, scroll behaviors |
| Animation | Presence level, types, timing |
See references/data_structures.md for full TypeScript interfaces.
Domain Quick Reference
| Domain | Focus Areas | Seed Sources |
|---|---|---|
| Portfolios | Clarity, credibility, storytelling | Awwwards, Dribbble, Behance |
| SaaS Landing | Conversion, trust signals, pricing | Product Hunt, SaaS directories |
| E-Commerce | Product photos, checkout, mobile | Shopify stores, major retailers |
| Adult Content | Premium positioning, discretion | Adult ad networks, VR platforms |
| Technical Demos | Visual drama, performance, interactivity | Shadertoy, Codrops, ArtStation |
See references/domain_guides.md for detailed domain strategies.
Long-Running Infrastructure
Checkpointing Strategy
- Save checkpoint every 10 examples
- Include job ID, progress count, queue state, timestamp
- Keep last 3 checkpoints as backup
Progress Reporting
Report at intervals:
- "Analyzed 250/1000 examples (25% complete)"
- "Current rate: 100 examples/day"
- "Estimated completion: 7 days"
- "Top emerging pattern: glassmorphic cards (15% of recent examples)"
Show full SKILL.md (234 more words)Show less
Rate Limiting
- Max 1 request per second per domain
- Respect robots.txt
- Implement exponential backoff on errors
Anti-Patterns
1. Scraping Too Aggressively
Symptom: Requests every 100ms, same domain hammered repeatedly Fix: 1 request/second max, respect robots.txt, exponential backoff
2. No Checkpointing
Symptom: Running 24 hours straight without saving Fix: Save every 10 examples with timestamp and queue state
3. Ignoring Domain Context
Symptom: Applying e-commerce patterns to portfolio sites Fix: Research domain-specific best practices first
4. Analysis Paralysis
Symptom: 30 minutes per example across 1000 examples Fix: Batch process in groups of 10, deep-dive only on outliers
5. Insufficient Diversity
Symptom: Only analyzing top-tier examples Fix: Include leaders, mid-tier, and independents; geographic diversity
6. Ignoring Historical Context
Symptom: Treating all patterns as current Fix: Use Wayback Machine, note when patterns emerged, track evolution
Output Format
Generate comprehensive research packages with:
- Meta: Domain, count, date range, depth
- Examples: Full visual database
- Patterns: Dominant, emerging, deprecated, outlier
- Insights: Color/typography/layout/interaction trends
- Recommendations: Safe choices, differentiators, patterns to avoid
Cost and Scale
For 1000-example analysis:
| Item | Cost |
|---|---|
| Screenshots | ~$20 (Playwright cloud @ $0.02/each) |
| LLM Analysis | ~$15 (100 batches × $0.15) |
| Storage | ~$0.01 (200MB) |
| Total | ~$35 |
| Runtime | 48-72 hours |
Inform users of scope and cost before beginning.
Reference Files
| File | Contents |
|---|---|
references/data_structures.md | TypeScript interfaces for VisualDNA, ContextAnalysis, Checkpoint |
references/domain_guides.md | Detailed domain-specific strategies and focus areas |
Covers: Design Research | Pattern Recognition | Visual Analysis | Competitive Intelligence
Use with: web-design-expert (apply findings) | competitive-cartographer (market context)
© curiositech, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
SKILL.md and 5 other files (scripts, references) in .claude/skills/design-archivist of curiositech/some_claude_skills.
- SKILL.md
- .claude-plugin/plugin.json
- CHANGELOG.md
- references/data_structures.md
- references/domain_guides.md
- scripts/validate_archive.sh
Open the folder on GitHubat commit 6713fc7
Compare with similar skills
Design Archivist next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Design Archivist this skillcuriositech/some_claude_skills | 243 | — | ~1.6k | Automated safety check: Pass | MIT | |
| UI UX Pro Maxsaoudi-h/solar-icons | 186 | 18 repos | ~11k | Automated safety check: Notes | Custom licence | |
| Frontend Design Deslopsamber/cc-skills | 228 | — | ~4.9k | Automated safety check: Pass | MIT | |
| UI UX Pro Maxmajiayu000/spellbook | 287 | — | ~442 | Automated safety check: Pass | MIT | |
| UI UX Pro Maxinfometa/workbuddyskills | 346 | — | ~2.7k | Automated safety check: Notes | None | |
| Impeccablebestofjs/bestofjs | 3.1k | 27 repos | ~2.6k | Automated safety check: Pass | MIT |
Similar skills
Frontend Design Deslop
samber/cc-skills
Designs distinctive, non-generic UI — typography, OKLCH color, design tokens (DESIGN.md), layout, components, motion, dark mode, accessibility — for landing pages, SaaS apps, dashboards, ecommerce…
UI UX Pro Max
majiayu000/spellbook
A skill your agent uses when planning, building, designing, code review, refactor, fixing, improving, optimizing, enhancing, or checking UI/UX work.
UI UX Pro Max
infometa/workbuddyskills
AI-powered UI/UX design intelligence with 57 UI styles, 95+ color palettes, 56 font pairings, 25 chart types, and 100+ industry-specific reasoning rules across 12 tech stacks.
Impeccable
bestofjs/bestofjs
A skill your agent uses when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a…
Tailwindcss Development
anonaddy/anonaddy
Always invoke when the user's message includes 'tailwind' in any form.
More from curiositech/some_claude_skills
All 95 skills in this repoCrisis Detection Intervention AI
curiositech/some_claude_skills
Detect crisis signals in user content using NLP, mental health sentiment analysis, and safe intervention protocols.
Form Validation Architect
curiositech/some_claude_skills
End-to-end form handling with react-hook-form, Zod schemas, validation patterns, error messaging, field arrays, and multi-step wizards.
GitHub Actions Pipeline Builder
curiositech/some_claude_skills
Build production CI/CD pipelines with GitHub Actions. An agent skill from curiositech/some_claude_skills.
Background Job Orchestrator
curiositech/some_claude_skills
Expert in background job processing with Bull/BullMQ (Redis), Celery, and cloud queues.
Competitive Cartographer
curiositech/some_claude_skills
Strategic analyst that maps competitive landscapes, identifies white space opportunities, and provides positioning recommendations.
Computer Vision Pipeline
curiositech/some_claude_skills
Build production computer vision pipelines for object detection, tracking, and video analysis.
Related
Categories
Questions about Design Archivist
What does Design Archivist do?
Long-running design anthropologist that builds comprehensive visual databases from 500-1000 real-world examples, extracting color palettes, typography patterns, layout systems, and interaction…. Design Archivist is an agent skill from curiositech/some_claude_skills. Long-running design anthropologist that builds comprehensive visual databases from 500-1000 real-world examples, extracting color palettes, typography patterns, layout systems, and interaction design across any domain (portfolios, e-commerce, SaaS, adult content, technical showcases).
When should I use Design Archivist?
Design Archivist fits situations like: tasks that involve Typography; tasks that involve Theming and dark mode; tasks that involve E-commerce operations.
How do I install Design Archivist in Claude Code?
Run `npx skills add curiositech/some_claude_skills --skill design-archivist -a claude-code`. Or copy the skill folder (.claude/skills/design-archivist in curiositech/some_claude_skills) into .claude/skills/design-archivist in your project. Claude Code loads it when a task matches its description.
How do I install Design Archivist in Codex?
Run `npx skills add curiositech/some_claude_skills --skill design-archivist -a codex`. Or copy the skill folder (.claude/skills/design-archivist in curiositech/some_claude_skills) into .agents/skills/design-archivist in your project. Codex loads it when a task matches its description.
Can I use Design Archivist in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add curiositech/some_claude_skills --skill design-archivist -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/design-archivist, .gemini/skills/design-archivist, .github/skills/design-archivist and .opencode/skills/design-archivist in your project.
What does Design Archivist need to run?
Going by SKILL.md and its folder, Design Archivist needs a shell for the scripts in its folder. Our summary lists: A Bash shell. Its frontmatter pre-approves these tools: Read, Write, WebSearch, WebFetch.
Does Design Archivist access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Design Archivist safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.
What licence does Design Archivist use?
Design Archivist is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Design Archivist use?
About 1.6k tokens (SKILL.md is roughly 6.5k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 2.5k tokens, read only when the agent opens those files.
What are the alternatives to Design Archivist?
Skills that share tags, products or a category with Design Archivist: UI UX Pro Max (saoudi-h/solar-icons, 186 stars), Frontend Design Deslop (samber/cc-skills, 228 stars), UI UX Pro Max (majiayu000/spellbook, 287 stars) and UI UX Pro Max (infometa/workbuddyskills, 346 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Design Archivist?
curiositech (a GitHub organization) maintains it in curiositech/some_claude_skills, which has 243 GitHub stars. The repository holds 95 skills in this directory. The repository was last updated on September 6, 2026.
Source: curiositech/some_claude_skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.