frontend-design
Create polished frontend interfaces from designs/screenshots with high design quality. Use for web components, pages, replicating UI designs, extracting design guidelines, avoiding AI slop aesthetics.
Découvrez les skills development cms platforms, comparez leurs dépôts et consultez leurs instructions.
Create polished frontend interfaces from designs/screenshots with high design quality. Use for web components, pages, replicating UI designs, extracting design guidelines, avoiding AI slop aesthetics.
Generate Midjourney V7 image prompts for website sections. Analyzes page components, extracts aspect ratios from CSS, outputs prompts with SEO filenames. Use after completing page (skills 02-06). Triggers on "g...
Analyze and replicate website UI/animations. Use when asked to clone, replicate, or analyze a website's visual implementation.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoid...
Generates unique, high-fidelity, and non-generic UI designs by synthesizing modern component libraries with specific design movements. Use when the user requests UI design, frontend architecture, or aesthetic o...
Build responsive frontend pages and reusable components with clean layouts and modern styling.
Extract complete website content, design system, and assets for rebuilding or migration. Uses Firecrawl for content/CSS extraction, Chrome for visual comparison. Generates theme skill file for rebuild. Triggers...
Design token management for creating, organizing, and applying design tokens across projects. Supports multiple formats (CSS custom properties, Sass, JS, JSON). Use when setting up design systems or managing de...
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design,...
Expert skill for UI component design, variants, composition patterns, and shadcn/ui component customization. Use when building specific components, creating variants, or composing complex UI elements.
Expert skill for spacing systems, layout grids, responsive breakpoints, and whitespace design. Use when defining spacing scales, implementing grid systems, setting up responsive layouts, or establishing consist...
Toolkit cho styling artifacts với theme. Áp dụng cho slides, docs, reports, HTML landing pages. 10 pre-set themes với colors/fonts có thể apply, hoặc generate theme mới on-the-fly.
Prisma ORM expert for schema design, migrations, query optimization, relations modeling, and database operations. Use PROACTIVELY for Prisma schema issues, migration problems, query performance, relation design...
Manage Expo Go development workflow for React Native apps. Use when the user mentions Expo Go, starting development server, QR code scanning, testing on physical devices, network issues, running the app on mobi...
Build production React Native apps with Expo, navigation, native modules, offline sync, and cross-platform patterns. Use when developing mobile apps, implementing native integrations, or architecting React Nati...
Game development orchestrator. Routes to platform-specific skills based on project needs.
Build production-ready Model Context Protocol (MCP) servers using the official MCP SDK. Scaffold, configure, secure, and deploy MCP servers with best practices for security, monitoring, and reliability. Use for...
Build production-ready Model Context Protocol (MCP) servers using the official MCP SDK. Scaffold, configure, secure, and deploy MCP servers with best practices for security, monitoring, and reliability. Use for...
Strategic Architect Agent. Synthesizes memory patterns and retrospectives to generate major architectural improvements and strategic task proposals. Invoked when all limited quotas are full.
Development tool commands and usage patterns
Game development orchestrator. Routes to platform-specific skills based on project needs.
CloudBase platform knowledge and best practices. Use this skill for general CloudBase platform understanding, including storage, hosting, authentication, cloud functions, database permissions, and data models.
Update repository AGENTS.md for Option B (Tauri v2 + React/TypeScript desktop local-first) with executable commands, guardrails, and security/permission rules; creates backups and can add nested AGENTS.md.
Expert guidance for creating, configuring, and using hooks. Use when working with hooks, setting up event listeners, validating commands, automating workflows, adding notifications, or understanding hook types.
Le classement utilise les étoiles du dépôt GitHub indexé. Plusieurs skills peuvent partager ce nombre : ce n’est ni un nombre d’installations ni une note de qualité.