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
syahiidkamil avatar

Frontend Design

syahiidkamil/software-engineer-ai-agent-atlas

This tackles the "AI slop" problem head on by forcing Claude to break its probability bias before generating any UI code.

GitHub stars
298
last updated
Jun 11, 2026
View on GitHubSave

Install

$ npx -y skills add syahiidkamil/software-engineer-ai-agent-atlas --skill frontend-design --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 walks through five design directions from most to least generic, then cherry picks across them instead of defaulting to the statistically likely choice. The workflow is context first (derive design from domain and audience), then vanilla HTML/CSS thinking (where the real design lives), then framework translation. Worth using when you're tired of getting the same purple gradient SaaS aesthetic every time you ask for a landing page. The typography and motion guidelines are opinionated and specific, pushing for distinctive fonts over Inter and orchestrated animations over scattered micro interactions.

Files

Select a file.

Details

Repository
github.com/syahiidkamil/software-engineer-ai-agent-atlas
Categories
Frontend Development, DevOps & CI/CD, Code Review & Quality, AI & Agent Building, Design & UI/UX
First seen
Jun 11, 2026

More from syahiidkamil/software-engineer-ai-agent-atlas

All 17
  • Human Writing
  • Learning From Mistakes
  • Mcp Builder
  • Pdf
  • Playwright Cli
  • Postgresql Code Review
  • Postgresql Optimization
  • Shadcn
  • Skill Creator
  • Supabase Postgres Best Practices
  • Theme Factory
  • Abstraction Power
  • Algorithmic Art
  • Docs Anthropic
  • Find Skills
  • Free Will

Recommended

More Frontend Development
1telagod avatarapplying-ui-design-systemtelagod/code-abyssFrontend UI design system selector and implementation guide covering Glassmorphism, Liquid Glass (Apple-style), Neubrutalism, and Claymorphism. Use when buildin0installs
2The1Studio avatarui-ux-pro-maxThe1Studio/theone-training-skillsFrontend UI/UX design intelligence - activate FIRST when user requests beautiful, stunning, gorgeous, or aesthetic interfaces. The primary skill for design deci0installs
3thinkinaixyz avatarfrontend-designthinkinaixyz/deepchatCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, 0installs
4vercel-labs avatarvercel-react-view-transitionsvercel-labs/agent-skillsGuide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view tran0installs
5onmax avatarvueonmax/nuxt-skillsUse when editing .vue files, creating Vue 3 components, writing composables, or testing Vue code - provides Composition API patterns, props/emits best practices7.9Kinstalls
6shadcn avatarmigrate-radix-to-baseshadcn/uimigrate radix to base4.9Kinstalls