Disseny
Direcció d’UI/UX, disseny visual i sistemes de disseny
favicon
joelhooks
Generate emoji-based favicons, Apple touch icons, and OG images using emojico. Use when adding or updating favicons for any project. Never use a default emoji — always ask Joel which emoji to use.
nextjs-rsc-to-react-router-v8-migration
Innei
Use when migrating a multi-locale Next.js RSC / App-Router site to React Router v8 so SSR HTML is CDN-cacheable. RSC payload is uncacheable at the edge and locale × page count multiplies the bill. Covers ordered cuts: strip UA/geo/cookie SSR variance, split .data loaders from client fetches, restage theme SSR (next-themes + head script + /theme-vars.css), split middleware to Vercel Routing Middleware + root loader mirror, prerender static, land 3-tier Cache-Control so Cloudflare owns cache.
hai-tdd
hylarucoder
Drives implementation through a strict red-green-refactor loop and produces a filled-in test-evidence report (target behavior, the failing RED test + why it failed for the right reason, the minimal GREEN implementation, the refactor decision, and verification commands). Use whenever the user implements a feature, fixes a bug, changes or protects behavior, refactors, or asks to add/write a test or unit test — even when they never say "TDD". Trigger on TDD, test-driven development, test first, red-green-refactor, tdd this, do it test first, add test coverage, unit test for this; and on 红绿重构, 先写测试, 用测试驱动开发, 写测试, 加测试, 补个测试, 单元测试, 给这个写个测试, 测一下, 帮我测; plus the regression-safety intent — refactor without breaking behavior, 确保不回归, 别改坏了, 保证行为不变.
mapbox-cartography
mapbox
Expert guidance on map design principles, color theory, visual hierarchy, typography, and cartographic best practices for creating effective and beautiful maps with Mapbox. Use when designing map styles, choosing colors, or making cartographic decisions.
moai-domain-frontend
modu-ai
Frontend development specialist covering React 19, Next.js 16, Vue 3.5, and modern UI/UX patterns with component architecture. Use when building web UIs, implementing components, optimizing frontend performance, or integrating state management.
accessibility-compliance
aj-geddes
Implement WCAG 2.1/2.2 accessibility standards, screen reader compatibility, keyboard navigation, and a11y testing. Use when building inclusive web applications, ensuring regulatory compliance, or improving user experience for people with disabilities.
re-frame2-xray
day8
Question-first tour of Xray, the re-frame2 devtools panel: how to launch it (inline in-app panel; the open-overlay! fallback for hosts with no [data-rf-xray-host] layout column; pop-out window; programmatic mount; the wired hotkeys), which of its two modes (Dynamic event-spine / Static registry browse) applies, and what each tab is for. Do not use when the user asks the AGENT to inspect or change their running app, read-only included (read a sub, snapshot state, walk traces, dispatch) — that is re-frame2-pair, the agent-facing runtime companion. Nor for authoring the host app (re-frame2), bootstrapping a project (re-frame2-setup), or implementing Xray itself (no implementor skill exists — the spec is the answer). Trigger phrases: "open Xray", "which Xray panel shows…", "Xray Static mode", "browse registered machines/routes/schemas", "Xray overlay", "Xray machine inspector", "Xray Graph / Resources / Frames / Fresco tab", "why did this boundary re-render".
style-guide
DaleSeo
문서 내부 또는 프로젝트 전체에서 일관된 작성 스타일을 유지하도록 돕는 검사기. 어조(경어체/반말), 용어(사용자/유저), 숫자 형식, 목록 스타일, 따옴표, 날짜/시간 형식의 불일치를 감지합니다. 다중 작성자 문서 검토 시, 프로젝트 전체 용어 표준 유지 시, 공식 문서 준비 시, 브랜드 일관성을 위한 문서 작업 시 사용하세요.
AI Agent Development Skills & Best Practices
yusefellban
Flat Assertions: Avoid nesting flow.test inside other test flows to prevent variable type collision and compiler ambiguity. Check state properties directly via viewModel.state.value or in separate test cases.
ask-matt
tt-a1i
Ask which skill or flow fits your situation. A router over the skills in this repo.
pricing
slavingia
Help figure out pricing for a product or service using minimalist entrepreneur principles. Use when someone is setting prices, considering price changes, or struggling with what to charge.
brand-guidelines
guanyang
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
ui-ux-pro-max
guanyang
"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, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient."
frontend-design
guanyang
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 applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
design-playful-app-icons
chunkithwang
"Create, generate, refine, or critique bold playful app icons using a text-only visual system with measurable composition rules, compact palettes, mascot and dimensional style recipes, originality safeguards, and small-size quality checks. Use for app-icon concept development, production-ready image prompts, icon reviews, visual iteration, and iOS or Android handoff when no reference images should be bundled or required."
senior-engineering-partner
bjgreenberg
"A strict code reviewer, pair programmer, debugger, and mentor for Python, Bash, Google Apps Script, JavaScript, and Swift/Apple platforms. Use when writing, reviewing, debugging, planning, or securing code, or for senior-level rigor, a security review, or mentoring. Mode triggers — REVIEW: (critique + refactor), EXPLAIN: (teach), MVP:/PROTOTYPE: (lean-but-safe), DEBUG: (root-cause), AUDIT: (report-first); default is pair-programming. Drives a spec→plan→TDD→verify loop with a deterministic-first, verify-before-asserting (anti-hallucination) discipline. Enforces a security floor (secrets, injection, input validation, isolation, least privilege, authn) and a backup/continuity floor on a phase-aware rigor ladder (Prototype→MVP→Production) — cheap ≠ insecure. Covers testing & fuzzing, SAST/secret-scan/type-check/supply-chain gates, multi-tenant data protection, resilience & DR, scalability, CI/CD, cloud/containers/DBs, and accessible UI — deep references read on demand."
Costco
imoonkey
Two distinct authToken formats. PDP add uses a Microsoft B2C JWT (sessionStorage authToken_<userHash>); cart edits use a WCS userId,signature token (cart-page hidden input). They are not interchangeable.
Telegram
imoonkey
```
eBay
imoonkey
```
Instacart
imoonkey
```
google-news-research
sandbaseai
Search and monitor news articles across Google News through SandBase. Use when asked for news monitoring, current events research, news coverage analysis, or media tracking.
seo-keyword-insights
sandbaseai
Build evidence-backed SEO keyword insights and strategy using SandBase-managed search, keyword, site-analysis, and SERP capabilities. Use when asked to discover or prioritize keywords, assess search demand or ranking feasibility, map intent and topics, find competitor gaps, plan organic-search landing pages or content, or analyze a website's SEO opportunities.
competitor-monitor
sandbaseai
Monitor competitor websites, content changes, social activity, and market positioning through SandBase. Use when asked for competitive intelligence, competitor tracking, market positioning research, or competitive content monitoring.
local-market-research
sandbaseai
"Research local markets by combining Google Maps reviews, Xiaohongshu local content, Weibo discussions, and web search. Covers customer sentiment by location, local competition analysis, neighborhood trends, and location-specific brand perception."