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…
Design
impeccable
Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend …
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…
Design
ui
Produces distinctive, production-grade UI for pages, components, visual interfaces, typography, and screenshot-driven polish. Use when users ask in any language for UI, page, compo…
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…
Design
open-design-guide
Access a library of 151 real design systems (Apple, Vercel, Linear, Stripe, Notion, GitHub, Raycast) with tokens, 71 design/frontend skills, and 114 rendering templates for decks, …
Web
frontend-architecture-review
Evaluates frontend architecture at scale and gates micro-frontend adoption before implementation. Defaults to modular monolith unless three or more independently deploying teams fa…
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…
Design
beuniq-design
Rule-based frontend audit that detects and removes generic AI-generated UI patterns, improves taste, motion craft, and landing copy across React, Next.js, Vite, HTML, CSS, SCSS, an…
Web
symfony-frontend
Activates for Symfony projects needing new or modified frontend assets—Twig templates requiring scripts/styles, or JS/CSS files tied to specific pages. Enforces one Encore entry pe…
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
write-frontend
Enforces frontend conventions for browser-facing code: semantic HTML, accessible CSS, strict TypeScript, security hardening, performance, state boundaries, dependency rules, and St…
Design
designer-frontend-contract
Universal contract between designer and frontend: designer freezes approved mockup into oracle (manifest + baseline renders + inventory + tokens + acceptance criteria); frontend po…
Web
antislop-web
Web UI review skill that eliminates AI-generated tells (generic fonts, neon accents, identical cards, corporate buzzwords) by enforcing variance, motion, and density controls plus …
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…
Design
ui-ux-pro-max
Delivers UI/UX design intelligence and implementation guidance for polished interfaces. Supports generating new layouts, refining existing designs, creating design-system tokens, a…
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…
Engineering
fec-typescript-project-standard
Sets up and validates TypeScript project standards—tsconfig, strictness, module resolution, path aliases, project references, declaration files, package exports, public API types, …
Web
frontend-system-design
Generates a 12-section frontend system-design RFC (problem, architecture, data model, contracts, rendering, state, performance, accessibility, security, rollout, trade-offs) for we…
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…
Testing
frontend-visual-qa
Runs live visual QA across the deployed frontend, inspecting real viewports for crowding, overflow, truncation, and misalignment defects invisible in code or PR screenshots. Produc…
Web
framework-taglib-catalog
Select the canonical Weline Taglib for template controls, selectors, layout protocols, DataTable, permissions, SEO, or visitor features; keep the catalog current when adding a new …
DevOps
dz-module-devenv
Sets up a clean local dev environment for a specific Amaranth 10 module (backend + frontend), clones outside iCloud, applies developer config, resolves dependencies, builds, runs, …
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…
Design
uiuxdesign
Evaluates UI/UX quality across interfaces, covering visual design, accessibility audits, design systems, and critiques. Delivers frontend implementation using Tailwind, design toke…
Design
frontend-design-3-free
Creates distinctive production-grade interfaces across three core aesthetics—brutally minimal, editorial, and brutalist—while avoiding generic AI styling. Handles typography, color…
Design
frontend-design-saas
Reference-grade SaaS UI patterns for dashboards, tables, settings, billing, auth, and admin surfaces. Includes neutral tokens, layout shells, command palettes, empty states, and WC…
Security
owasp-security-frontend
Audits and hardens frontend web apps against OWASP Top 10 and browser risks, covering XSS/DOM injection, CSP and security headers, session token storage, secret leaks in bundles, C…
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…
Design
doksam-ui
Enforces doksam-ui design system as single source of truth for frontend work: shadcn semantic tokens, brand profile, self-hosted registry, Phosphor icons, and mechanical compliance…
Design
anthropics-frontend-design-free
Generates HTML/CSS/JS front-end code in four distinct aesthetic directions—minimalist, editorial, brutalist, and soft pastel—avoiding generic AI styling. Covers typography, color t…
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…
Showing the top 60 of 1,391. See the full list →