Design

UI/UX direction, visual design, and design systems

Showing 1489-1512 of 4749 skills
imoonkey

Target

by imoonkey

```

Design 71 6mo ago
joelhooks

favicon

by 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.

Code Gen 64 8mo ago
hylarucoder

hai-tdd

by 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, 确保不回归, 别改坏了, 保证行为不变.

Design 394 4mo ago
github

spark-app-template

by github

Comprehensive guidance for building web apps with opinionated defaults for tech stack, design system, and code standards. Use when user wants to create a new web application, dashboard, or interactive interface. Provides tech choices, styling guidance, project structure, and design philosophy to get users up and running quickly with a fully functional, beautiful web app.

Code Gen 376 9mo ago
mapbox

mapbox-cartography

by 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.

Accessibility 83 8mo ago
modu-ai

moai-domain-frontend

by 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.

Design 1.2K 8mo ago
aj-geddes

accessibility-compliance

by 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.

Accessibility 371 11mo ago
day8

re-frame2-xray

by 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".

Design 52 1mo ago
DaleSeo

style-guide

by DaleSeo

문서 내부 또는 프로젝트 전체에서 일관된 작성 스타일을 유지하도록 돕는 검사기. 어조(경어체/반말), 용어(사용자/유저), 숫자 형식, 목록 스타일, 따옴표, 날짜/시간 형식의 불일치를 감지합니다. 다중 작성자 문서 검토 시, 프로젝트 전체 용어 표준 유지 시, 공식 문서 준비 시, 브랜드 일관성을 위한 문서 작업 시 사용하세요.

Design 232 8mo ago
yusefellban

AI Agent Development Skills & Best Practices

by 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.

Design 3 3mo ago
tt-a1i

ask-matt

by tt-a1i

Ask which skill or flow fits your situation. A router over the skills in this repo.

Design 187 2mo ago
slavingia

pricing

by 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.

Design 11K 7mo ago
guanyang

brand-guidelines

by 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.

Design 981 9mo ago
guanyang

ui-ux-pro-max

by 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."

Accessibility 981 8mo ago
guanyang

frontend-design

by 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.

Animation 981 9mo ago
chunkithwang

design-playful-app-icons

by 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."

Design 176 2mo ago
bjgreenberg

senior-engineering-partner

by 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."

Comments 153 2mo ago
imoonkey

Costco

by 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.

Design 71 6mo ago
imoonkey

Telegram

by imoonkey

```

Design 71 6mo ago
imoonkey

eBay

by imoonkey

```

Design 71 6mo ago
imoonkey

Instacart

by imoonkey

```

Design 71 6mo ago
sandbaseai

google-news-research

by 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.

Design 203 2mo ago
sandbaseai

seo-keyword-insights

by 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.

Design 203 2mo ago
sandbaseai

competitor-monitor

by 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.

Design 203 2mo ago