Claude Skills · Data & Analytics
UI Design
mblode/agent-skillsDesigns, builds, and audits UI in React, Next, and Tailwind: visual direction, Tailwind implementation, dark-mode and responsive retrofits, and a rule-based audit of built frontends covering state gaps, data loss, focus and keyboard failures, accessibility markup, layout resilience, and AI-slop tells, with file:line findings, applied fixes, and a ship verdict. Use when asked to "build a landing page", "create a dashboard", "make this look premium", "show me 3 options", "create a brand kit", "turn this screenshot into markup", "add dark mode", "make this responsive", "feel native on mobile", "c...
At a glance
This skill is for Data & Analytics.
git clone --depth 1 https://github.com/mblode/agent-skills
cp -r agent-skills/skills/ui-design ~/.claude/skills/ui-design
Setup, runtime and requirements describe mblode/agent-skills, the repo this skill ships in.
Also in mblode/agent-skills
View the repoGuides creation and improvement of best-practice agent skills following the open format specification. Covers frontmatter, progressive discl...
Sets up a repo so Claude Code, Codex, and Cursor all work in it, then audits, scores, and refactors the AGENTS.md and CLAUDE.md files agents...
Runs the npm release flow for an existing changesets package: create a changeset, fix lint/type/test/format failures, push, watch CI, merge...
Audits agentic applications for architecture and trust: tool parity, tool granularity, context injection, completion signals, approval gates...
Designs, deepens, and hardens TypeScript codebase architecture in three modes: folder structures, module contracts, and middleware pipelines...
Writes and edits short product and marketing copy, including landing pages, CTAs, onboarding strings, product descriptions, email subjects,...
Writes and audits technical documentation using the Diataxis framework and Stripe-style clarity. 48 rules across 9 categories covering voice...
Audits the smallest relevant developer-facing surface of a library, CLI, SDK, or npm package across API contracts, errors, CLI behavior, pub...
Provides architecture guidance for multi-tenant SaaS platforms on Cloudflare or Vercel. Covers platform choice, domain strategy, tenant iden...
Optimises SEO and technical foundations for Next.js App Router apps, covering sitemaps, robots, meta tags, structured data, canonical URLs,...
Builds and stress-tests implementation plans in two modes. Create mode scans code and docs, asks one question at a time with a recommended a...
Monitors an open PR, detects it from the current branch, polls for conflicts, CI failures, review comments, and merge readiness, fixes safe...
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...