Claude Marketplaces
SkillsMCP serversMarketplacesDigestTools
Submit

This week in Claude

Every Monday: Claude Code, Agent SDK, MCP, and the Anthropic platform moves worth your time.

Skills by category
Frontend DevelopmentBackend & APIsTesting & QASecurityDevOps & CI/CDGit & Pull RequestsDocumentationCode Review & QualityAI & Agent BuildingSkill Development
MCP servers by category
Sales & MarketingWeb & Browser AutomationDatabasesAI & LLM ToolsCloud & InfrastructureCommunication & MessagingDeveloper ToolsDesign & CreativeDocuments & KnowledgeSearch & Web Crawling
Marketplaces by category
AI Agents & OrchestrationLLM IntegrationDevelopment ToolsFrontend & UIBackend & APIsDatabasesTesting & Code QualityDevOps & CloudSecurity & ComplianceGit & Version Control
Claude Marketplaces

An independent directory of skills, plugins and MCP servers for Claude Code. Not affiliated with Anthropic.

Browse

  • Skills
  • MCP servers
  • Marketplaces
  • Weekly digest
  • Skill index
  • MCP index
  • Marketplace index

Site

  • About
  • Tools
  • Submit
  • Feedback
  • Privacy
  • llms.txt
  • Plugins reference

Maker

  • Agent Caffeine
  • knobs
  • Wax
  • Snug
  • mertduzgun.com
Made by mertduzgun.com
Skills/Frontend Development
claudekit avatar

Frontend Design Pro

claudekit/frontend-design-pro-demo

This is for when you need a frontend that looks expensive, not generic.

installs
347
GitHub stars
279
last updated
Aug 21, 2026
View on GitHubSave

Install

$ npx -y skills add claudekit/frontend-design-pro-demo --skill frontend-design-pro --agent claude-code

Installs into .claude/skills of the current project.

Sponsors

CodeRabbitSponsoredTry For FreeLid closed, agents workingTry itOpen StepsSponsoredDownload for freeAppSignalSponsoredStart Free TrialKeep API keys from agentsGet SnugBlock apps on your iPhoneGet WaxDevtools for design engineersTry it livebelt - the only tool your agent needsSponsoredone prompt install

What it does

It forces you to commit to a single bold aesthetic (glassmorphism, brutalism, claymorphism, etc.) instead of safe centered cards, and it ships with a table of concrete styles, color palettes, and signature effects for each. The image handling is the standout: it either pulls real Unsplash/Pexels URLs with proper query params or generates detailed prompts for Flux/Midjourney, so you never get placeholder garbage. It bans boring fonts, demands custom properties, and includes accessibility guardrails. Use it when the design actually matters and you want something that feels like an agency built it.

Files

Select a file.

Details

Repository
github.com/claudekit/frontend-design-pro-demo
Categories
Frontend Development, Documentation, Sales & Marketing, Design & UI/UX
First seen
Jun 3, 2026

Recommended

More Frontend Development
1dchuk avatarcalling-rust-from-tauri-frontenddchuk/claude-code-tauri-skillsGuides the user through calling Rust backend functions from the Tauri frontend using the invoke function, defining commands with the344installs
2gonzalochale avatarviral-tiktok-hooksgonzalochale/skillsGenerates viral-style TikTok slide scripts with multiple formats, angles, and voices. Use this skill whenever someone asks for TikTok content, slide scripts, sh341installs
3ihlamury avatarfigma-ui-skillsihlamury/design-skillsFigma's UI design system. Use when building interfaces inspired by Figma's aesthetic - light mode, Inter font, 4px grid.341installs
4schalkneethling avatarsemantic-htmlschalkneethling/webdev-agent-skillssemantic html339installs
5arraydude avatarreact-query-best-practicesarraydude/agent-skillsReact Query v4 (TanStack Query) best practices, patterns, and troubleshooting. Use when working with useQuery, useMutation, query invalidation, caching, WebSock338installs
6ihlamury avatarvercel-ui-skillsihlamury/design-skillsVercel's UI design system. Use when building interfaces inspired by Vercel's aesthetic - light mode, Inter font, 4px grid.337installs