frontend-design
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...
Découvrez les skills devops cms platforms, comparez leurs dépôts et consultez leurs instructions.
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...
Comprehensive skill for extending the FableDSL language with new commands, directives, and features. Use when adding new DSL syntax, creating custom animation commands, implementing new visual agents (buttons,...
Execute theme release workflow. Syncs themes to sum-themes repo and creates namespaced tags. Use for "Release theme_a" requests.
Use when working with Next.js App Router tasks - creating pages in /app/, setting up dynamic routes ([id]/page.tsx), implementing nested layouts/templates (layout.tsx), optimizing Server/Client components, or b...
Quick MVP deployment to fly.io for JavaScript (Next.js, RedwoodSDK, Express), Rust (Axum, Rocket), Python (FastAPI), and generic Dockerfiles. Use when deploying applications to fly.io, setting up databases (Pos...
Analyze and implement purposeful UI animations for Next.js + Tailwind + React projects. Use when user asks to add animations, enhance UI motion, animate pages/components, or improve visual feedback. Triggers on...
Specialist in generating comprehensive Markdown reports of the knowledge model.
Universal database operations skill for modern applications. Expert in SQLModel/SQLAlchemy patterns, async database operations, connection pooling, migrations, performance optimization, and multi-database suppo...
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement,...
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,...
Build beautiful cross-platform mobile apps with Expo Router, NativeWind, and React Native.
Generate tailored project constitution input for the /speckit.constitution command. Use when starting a new project, bootstrapping governance, or when user asks to "create a constitution", "set up project princ...
Extend application schemas for enhanced functionality.
Edit and refine existing Hiverarchy blog posts. Use when user wants to revise content, fix tone issues, update facts, or improve an existing post.
Standard pattern for GUTTERS modules. Use when creating calculation, tracking, or intelligence modules to ensure production-quality implementation with database configs and event integration.
Interactive site verification for user journey testing. Use for full-stack verification, catching 404s, console errors, network failures, and DB state validation during development.
Create and develop Kirby CMS themes (v5). Use when building Kirby templates, snippets, blueprints, or working with Kirby's file-based content system. Covers PHP templates, YAML blueprints for the Panel, and Kir...
Execute theme release workflow. Syncs themes to sum-themes repo and creates namespaced tags. Use for "Release theme_a" requests.
Build scalable frontend pages, layouts, and reusable components using Next.js App Router and Tailwind CSS.
React and Next.js frontend development skill combining project-specific patterns (SSR/CSR, theme, API) with Vercel's performance optimization best practices. Use for all React/Next.js work.
Use when building NestJS applications requiring modular architecture, dependency injection, or TypeScript backend development. Invoke for modules, controllers, services, DTOs, guards, interceptors, TypeORM/Pris...
Patterns for Expo Router including Stack configuration, native tabs, and file-based routing best practices. Apply when working with navigation, routing, or screen configuration.
Add a new event type to the frontend feed system with corresponding React component. Use when user mentions "new event", "add event type", "event block", "new block type", or wants to display new agent output t...
Token-efficient library API documentation fetcher using Context7 MCP with 77% token savings. Fetches code examples, API references, and usage patterns for published libraries (React, Next.js, Prisma, etc). Use...
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é.