Claude Skills · Data & Analytics
Frontend Design
shobcoder/shobCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
At a glance
This skill is for Data & Analytics and helps you build a react component, create a landing page, and design a web dashboard.
git clone --depth 1 https://github.com/shobcoder/shob
cp -r shob/skills/frontend-design ~/.claude/skills/frontend-design
Setup, runtime and requirements describe shobcoder/shob, the repo this skill ships in.
frontendUireacthtmlcssweb-components
Also in shobcoder/shob
View the repoYou MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores u...
Ultra-compressed communication mode. Cuts token usage ~75% by speaking like caveman while keeping full technical accuracy. Supports intensit...
GOD MODE deep research skill. Multi-phase autonomous research loop: query decomposition → multi-source crawling → claim cross-referencing →...
Comprehensive research agent for in-depth investigation. Use when users ask for deep research, comprehensive analysis, market research, acad...
Survey any codebase as a senior advisor and produce prioritized, self-contained implementation plans for OTHER models/agents to execute. Str...
Grill me about specs for the workflows I want to build, within this workspace.
Persistent, token-efficient project memory. When ON, maintains a `.shob/memory/` folder of structured `.md` files so the full context of the...
Forces the laziest solution that actually works, simplest, shortest, most minimal. Channels a senior dev who has seen everything: question w...
UI/UX design intelligence expert for web and mobile applications. Use when designing interfaces, selecting color palettes, typography, visua...
Scrape, crawl, and extract data from websites. Use when users ask to scrape web pages, extract content, crawl websites, or collect data from...
Other Data & Analytics skills
Teaches the agent to produce D3 charts and interactive data visualizations. A comprehensive D3.js skill with examples across chart types and...
An engineering runbook — service overview, alerts table, dashboards links, common procedures with copy-pasteable commands, on-call rotation,...
A consumer-feeling dating / matchmaking dashboard — left rail navigation, ticker bar of community signals, headline KPIs, a 30-day mutual-ma...
Notion-style team dashboard rendered as a Live Artifact. A single-page, self-contained HTML dashboard with KPIs, a 7-day sparkline, a real-t...
Professional trading analysis dashboard template (single-file HTML) with light/dark theme switch, dense market panels, chart interactions, d...
Admin / analytics dashboard in a single HTML file. Fixed left sidebar, top bar with user/search, main grid of KPI cards and one or two chart...