Design
refero-design
Primary/default skill for UI design, product design, web design, landing pages, dashboards, product screens, redesigns, visual polish, frontend/CSS styling, design systems, compone…
Web
motion-dev-animations
Creates 120fps GPU-accelerated animations with Motion.dev (Framer Motion successor) for React, Next.js, Svelte, and Astro projects. Use when user requests animation, motion, scroll…
Engineering
impeccable-flutter
Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a Flutter f…
Web
dev-inspector
Pick elements in the running dev app's browser and hand them to Claude. When the user refers to "this button", "that card", "the element I just clicked", or anything they've select…
Engineering
frontend-shift-left-audit
Audit frontend code quality - linting, type safety, security, accessibility, testing, and CI/CD coverage. Scans a repo's static analysis tools (ESLint, Biome, TypeScript), test run…
Design
figma-pixel
Figma-to-frontend visual QA workflow for building pages from Figma designs and tightening existing implementations. Captures the target page, exports the selected Figma frame, runs…
Design
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applicat…
Web
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applicat…
Design
premium-ui-builder-skill
Use this skill when the user wants to design, plan, redesign, upgrade, or improve the UI of a website, app, SaaS, dashboard, AI tool, landing page, portfolio, admin panel, mobile s…
Web
coss
Helps implement coss UI components correctly. Use when building UIs with coss primitives such as buttons, dialogs, selects, forms, menus, tabs, inputs, and toasts, migrating from s…
Web
xantham-21st-bridge
Generates React UI components such as pricing tables, forms, modals, dashboards, navbars, heroes, and chat surfaces with sensible defaults. Routes to an external browser flow for i…
Web
tours-list-uiux
Manages the full UI/UX overhaul of AtoC Korea's tour catalogue at `/tours/list`, orchestrating hero collapse, contextual vignette bands, sticky filter rails, active chips, editoria…
Web
forge-frontend
Produce premium frontend code without locking to a single visual style. Improves layout, typography, motion, and spacing over default baselines. Includes failure-mode patterns to a…
Web
awesome-react-animations
Reviews and implements buttery-smooth React animations at 60fps without jank. Handles framer-motion, springs, variants, AnimatePresence, layout shifts, scroll reveals, gestures, ro…
Web
dwy-ekit
Provides authoritative guidance for @dwydev/ekit utilities: HTTP/axios handling, token refresh, API contracts, storage/cookies, dayjs formatting, zod validation, PII masking, clipb…
Design
ds-rr-screen
Generate UI screens and interfaces using only components and tokens from the @romainrichardpro Design System. Apply to any screen, page, form, or layout requiring DS elements such …
Documentation
generate-readme
Generate rigorous, evidence-based README documentation for backend, frontend, full-stack, CLI, and library projects. Use this skill when the user asks to "create a readme", "genera…
Web
ha-dashboard-cards
Creates Home Assistant dashboard cards programmatically using ha_card_utils.py utilities for static titles, color gradients, section separators, and info cards. Use when fixing min…
Web
gk-frontend-ui
Manages frontend structure and conventions: shared UI components, composables, domain-organized app/, guarded router, and strict TypeScript/ESLint/Tailwind. Use when adding Vue com…
Web
Alexandre Games - AI Coding Agent Instructions
Example from [alex-java/nav07z-pt.js](alex-java/nav07z-pt.js): ```javascript document.addEventListener('DOMContentLoaded', () => { const navHTML = `<div class="logo">...</div>`; co…
Web
Nostr Front
<?xml version="1.0" encoding="UTF-8"?> <claude-project-guidelines> <!-- RFC 2119準拠のキーワード定義 --> <keyword-definitions> <keyword level="MUST" description="絶対的要求事項（しなければならない）"/> <keywo…
Web
Purpose Driven
⚠️ **FAILURE TO FOLLOW THESE PROTOCOLS WILL RESULT IN PRODUCTION FAILURES** ⚠️ **EVERY TASK MUST EXECUTE THE 8-STEP CRITICAL PROTOCOL CHECK** ⚠️ **EVERY COMPLETED TASK MUST EXECUTE…
Web
Web Phim
❌ KHÔNG được xóa component/page đang hoạt động ❌ KHÔNG được xóa hoặc đổi tên file mà không di chuyển nội dung sang file mới trước ❌ KHÔNG được làm UI hiện tại bị vỡ layout hoặc mất…
Web
debug-browser
Debugs frontend, browser, runtime, build, hydration, routing, network, console, Playwright, visual regression, responsive, accessibility, and interaction issues in React/Next.js ap…
Productivity
work-estimator
Estimates frontend work from Excel, Word, PDF, MD, TXT, or Figma inputs. Iteratively clarifies requirements and outputs structured man-day estimates (minimum 0.5 MD) as XLSX and Ma…
Web
🎉 LANDING PAGE REDESIGN - SUMMARY FOR GEMINI
✅ AFTER: - FULL REDESIGN dari scratch dengan LIGHT MODE - Implementasi complete 9 sections - Tech Violet & Orange color palette applied - Glassmorphism cards di hero section - Prem…
DevOps
gk-sentry
Tracks Sentry error reporting on backend and frontend, capturing only unexpected failures with enriched context (user, request, breadcrumbs); disabled without DSN. Use for configur…
Web
repaint
Single entry point for all frontend building and restyling — any page, component, dashboard, landing page, or UI surface. Routes between production and art-directed modes, handling…
Web
sillytavern-dev
Expert skill for building SillyTavern frontend interfaces and scripts with the Tavern Helper framework. Covers UI for character cards, automation scripts, MVU variable tools, and e…
Engineering
fireworks-react
React component development, render optimization, Zustand state management, error boundaries, hooks usage, Server Components, Suspense, concurrent features, and PR reviews. Support…
Web
lui-app
Provides guidance for building Scala.js + Laminar apps with the lui component library, covering setup, naming, inline styles, component patterns, and state management. Use when wri…
Web
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applicat…
Web
web-conventions
Personal conventions and taste for building web interfaces — package manager, mobile & responsive patterns, component choices, and UI polish. Use when building, styling, or modifyi…
Web
dark-mode
Implements complete dark mode for any frontend project. Auto-detects the theme system, generates a dark color palette with proper elevation hierarchy, creates a toggle with persist…
Web
🎯 TECHNICAL HANDOFF TO ARCHITECT GEMINI @ AI STUDIO
✅ **VERIFIED ON DISK** - All critical files confirmed written: ``` ✓ public/js/parcel-service.js (520 lines) ✓ public/js/search-module.js (597 lines) ✓ public/script.js (4500+ line…
Design
ui-component-review
Audits frontend codebases to spot reusable UI component opportunities, duplication, and premature abstraction. Delivers prioritized findings with file references, a recommended com…
Web
kimi-ui-agent
Kimi-powered frontend/UI orchestration skill for repo profiling, design-system context, adapter setup, plan-first git worktree runs, and review artifact lifecycle control. Invoke e…
Web
openai--build-web-apps--frontend-app-builder
Build new frontend applications, dashboards, games, creative websites, or hero sections from scratch. Apply for redesigns, restyles, or modernizations using clean, high-taste image…
Design
unslop-ui
Enforces clean UI/UX patterns when generating frontend code. Avoids repetitive colors, icon-in-rounded-square motifs, emoji overuse, excessive serif fonts, glassmorphism, gratuitou…
Design
picasso
Expert frontend design and UI engineering skill for building, styling, and refining any web interface, component, layout, or visual artifact. Handles typography, color systems, res…
Web
Repository Wide Copilot Instructions
The system follows a strict separation of concerns: - Frontend = UI + client state only - Backend = business logic, validation, orchestration - Database = persistence, constraints,…
Web
craft-site
Craft CMS 5 front-end Twig development with atomic design, component patterns, and Vite buildchain. Covers template architecture, layout chains, content builders, image presets, Ta…
Design
front-design
Delivers end-to-end front-end design for websites and landing pages, from concept discovery through visual strategy, palette, typography, layout, and CSS assets. Outputs an image-r…
Web
audit-fe-api
Audits frontend API calls against backend contracts. Detects clients (axios/fetch), state libs (TanStack/SWR/Redux), and frameworks; pulls Sentry errors, schema docs, and best-prac…
Web
handfish-design
Applies to any web app using the Handfish Design System: Web Components and OKLCH tokens from `handfish` or `@noisedeck/handfish`. Handles imports, `--hf-*` variables, custom eleme…
Engineering
shannon-execution-verifier
Perform post-build verification of Shannon Framework outputs using Flow, Artifact, and Functional Verification layers. Validates production-ready applications across Frontend, Back…
Web
jquery
Activates for jQuery code using selectors, event delegation, init functions, or DOM mutations like toggleClass, val, and attr. Covers modular ES exports, js- selector classes, clos…
Web
replica
Replicates an existing site design to a clean front-end platform via archetype pages rebuilt as fresh HTML/CSS, verified against the live site with structural, visual, and pixel-di…
Web
Revise Flow Frontend
const TaskCard: React.FC<TaskCardProps> = ({ task, onEdit, onComplete }) => { // Component implementation with proper TypeScript typing // Use Tailwind classes following design sys…
Web
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 crea…
Design
frontend-design-jp
Japanese frontend and web design skill covering typography, vertical writing, form handling, accessibility (JIS X 8341-3), and common Japanese UI patterns. Triggers on requests for…
Engineering
performance-optimization
Optimize application performance for speed, efficiency, and scalability. Applies to page load times, bundle size reduction, database query tuning, and resolving bottlenecks across …
Testing
ais-diagnosticador-bugs-front
Diagnoses frontend bugs in WinForms SFZ from visual evidence—screenshots, exception messages, or behavior reports. Identifies probable root cause in the Presenter/Proxy layer and g…
General
debug-fe-be-integration
Debugs frontend-backend integration by analyzing logs, detecting API mismatches (REST/GraphQL/tRPC), and fixing contract issues across frameworks. Supports Sentry, Supabase, and Fi…
Design
frontend-design-quality
Reviews frontend UI work for repo consistency, minimal clicks, viewport fit, responsiveness, text overflow prevention, and reduced clutter. Validates with visual tests or screensho…
Web
dark-mode-implementation
Handles dark mode implementation including prefers-color-scheme detection, theme persistence, flash prevention, color token mirroring, asset variants, and meta theme-color updates.…
Design
spec-driven-ui
Generates front-end UI specs, code, and a framework-agnostic design.md for Web, GUI, or Terminal interfaces via a nine-phase workflow. Produces a single source document from which …
Web
Fbconuslting 01
export default function UserCard({ user }: { user: User }) { return ( <div className="p-4 rounded-lg bg-white shadow"> <h2 className="text-base">{user.name}</h2> <p className="text…
Web
svelte-expert
Expert Svelte and SvelteKit development for building components, utilities, and full applications, including reactive patterns, state management, stores, transitions, and animation…
Engineering
ais-especificador-cambios-front
Receives natural language requests for fixes or features, reviews the affected module's knowledge base, and produces a complete change specification for the WinForms SFZ client fro…
Showing the top 60 of 1,208. See the full list →