响应式
响应式设计与移动优先
mobile-development
wollfoo
Build modern mobile applications with React Native, Flutter, Swift/SwiftUI, and Kotlin/Jetpack Compose. Covers mobile-first design principles, performance optimization (battery, memory, network), offline-first architecture, platform-specific guidelines (iOS HIG, Material Design), testing strategies, security best practices, accessibility, app store deployment, and mobile development mindset. Use when building mobile apps, implementing mobile UX patterns, optimizing for mobile constraints, or making native vs cross-platform decisions. Sử dụng khi: ứng dụng di động, React Native, Flutter, iOS, Android.
fusion-cam-3d
peytoncasper
Create 3D surface machining operations in Fusion 360 — adaptive clearing, pocket, parallel, scallop, pencil, contour (waterline), steep & shallow, horizontal, radial, spiral, morphed spiral, and flow. Use when the user asks to machine complex 3D surfaces, create finishing toolpaths, rough 3D geometry, use ball end mills, set scallop height, do rest machining, or create multi-axis style operations.
davenov:cc:expert-evolu-nextjs
kaladivo
Build local-first apps with Evolu and Next.js for offline-first operation, end-to-end encryption, and cross-device sync. Covers branded types, reactive queries, CRUD, and mnemonic recovery. Use when avoiding backend infrastructure or prioritizing privacy.
frontend-design
mrsknetwork
Create distinctive, production-grade frontend interfaces with high design quality using structured SOPs and comprehensive UI/UX guidelines. 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). Also use when the user asks about typography, padding, spacing, sizing, layout systems, font pairing, color palettes, animation/motion design, responsive design, or UI component patterns. Generates creative, polished code and UI design that avoids generic AI aesthetics. Trigger this skill for any frontend design, UI/UX design, web design, component creation, or design system task.
figma-design-sync
carmandale
Detects and fixes visual differences between a web implementation and its Figma design. Use iteratively when syncing implementation to match Figma specs.
figma-to-code
kyuhyi
Figma 디자인을 고성능 Next.js와 Tailwind CSS 코드로 변환하는 스킬. 픽셀 퍼펙트한 반응형 컴포넌트 구현을 지원합니다.
playwright-best-practices
jovermier
Playwright best practices including selectors, wait strategies, accessibility testing, responsive design, and flaky-test prevention. Use when writing or improving Playwright E2E tests.
mobile-security-mobsf
vchirrav
Run MobSF (Mobile Security Framework) for automated static and dynamic analysis of Android and iOS apps. Detects insecure storage, weak crypto, hardcoded secrets, and permission issues.
ui-ux
kieutrongthien
"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, 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. Integrations: shadcn/ui MCP for component search and examples."
cui-css
cuioss
Modern CSS standards covering essentials, responsive design, quality practices, and tooling for CUI projects
form-cro
sarfraznawaz2005
When the user wants to optimize any form that is NOT signup/registration — including lead capture forms, contact forms, demo request forms, application forms, survey forms, or checkout forms. Also use when the user mentions "form optimization," "lead form conversions," "form friction," "form fields," "form completion rate," or "contact form." For signup/registration forms, see signup-flow-cro. For popups containing forms, see popup-cro.
seo-geo-growth-agent
bacoco
SEO + GEO Growth Agent Skill v1.3.1. Use this when a user asks for SEO, Generative Engine Optimization, AI search visibility, professional audit workflows, demo/doctor checks, full audit command workflows, report validation, Evidence Engine diagnostics, Console Watch, Network Watch, Cache/CDN Watch, Owner Data Mode, ARD / ai-catalog agentic resource discovery, ARD validation/readiness checks, seo-geo-audit CLI workflows, Design Watch screenshot analysis, dynamic responsive study, lazy-load image diagnostics, first-impression scoring, analysis cohorts, dynamic HTML audit reports, latest report receipts, report comparison, preproduction gates, GEO/Citation prompt panels, browser-readable reports, downloadable AI-layer packages, site screenshot evidence, Agent Browser visual checks, ChatGPT Search / Perplexity / Claude citations, Google AI Overview or AI Mode readiness, Search Console and Bing Webmaster reporting, keyword strategy, structured data, IndexNow, robots.txt for AI crawlers, llms.txt, agent-friendly UX, accessibility-tree/DOM readiness, AI citation tracking, comparison pages, content briefs, CTR optimization, or an autonomous SEO/GEO daily operating workflow. Triggers: SEO, GEO, Generative Engine Optimization, AI search optimization, AEO, demo audit, skill demo, golden audit, Evidence Engine, Console Watch, Network Watch, Cache/CDN Watch, ARD, Agentic Resource Discovery, ai-catalog, /.well-known/ai-catalog.json, Agentmap, representativeQueries, owner data, owner-data request, owner-data intake, seo-geo-audit, audit CLI, Cloudflare Analytics, server logs, Design Watch, design audit, responsive audit, responsive study, lazy-load audit, preprod audit, production gates, latest SEO/GEO report, compare reports, report diff, GEO citation panel, prompt panel, mobile homepage audit, dynamic responsive study, first impression audit, analysis cohorts, HTML audit report, visual audit, local audit server, downloadable files, AI layer package, /for-ai package, screenshot audit, Agent Browser audit, ChatGPT SEO, Perplexity SEO, Claude SEO, AI Overview, AI Mode, AI citations, AI referrals, agent-friendly website, accessibility tree, AI crawler, crawler policy, robots.txt AI crawlers, Google-Extended, GPTBot, OAI-SearchBot, ClaudeBot, Claude-SearchBot, PerplexityBot, IndexNow, GSC, GA4, Bing Webmaster Tools, AI Performance, query fan-out, grounding query, schema markup, JSON-LD, llms.txt, content SEO, technical SEO, SEO agent, GEO patrol.
CAREERFORGE - USER & DEVELOPER SKILL GUIDE
HassaanInspires
End of SKILL.md
gstack
jkkorn
Fast headless browser for QA testing and site dogfooding. Navigate pages, interact with elements, verify state, diff before/after, take annotated screenshots, test responsive layouts, forms, uploads, dialogs, and capture bug evidence. Use when asked to open or test a site, verify a deployment, dogfood a user flow, or file a bug with screenshots. (gstack)
frontend-slides
nanomechanicsKIMM
Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.
solana-mobile
agentic-reserve
Solana Mobile development with Mobile Wallet Adapter (MWA), Seeker device integration, SeedVault secure storage, and React Native dApp patterns for building mobile-first Solana applications.
tailwind
iulspop
Tailwind CSS patterns for layouts, color schemes, responsive design, and className handling. Use when writing or reviewing component styles.
frontend-technologies
pluginagentmarketplace
Master modern web development with HTML, CSS, JavaScript, React, Vue, Angular, Next.js, TypeScript, and responsive design. Use when building web applications, optimizing UI performance, or learning frontend frameworks.
ant-to-shadcn-migration
uzhussain
"Migrate Ant Design UIs to shadcn/ui + Tailwind (React/CRA/Vite → Next.js App Router). Use for: component replacement (no wrappers), Tailwind-first styling, canonical component consolidation, global CSS cleanup, route/layout scaffolding, and migration gotchas."
ui-styling
dereknex
Use when building or styling React-based UIs with shadcn/ui and Tailwind CSS, including responsive layouts, accessible components, and theme customization.
flex-grid-flow
oerlellijk
Framework-agnostic design philosophy for fluid, responsive interfaces. Covers layout thinking, fluid typography/spacing math, adaptive colors, and hard rules. Equal coverage for SCSS and Tailwind.
Playwright Browser Automation
le-dat
Complete browser automation with Playwright. Auto-detects dev servers, writes clean test scripts to /tmp. Test pages, fill forms, take screenshots, check responsive design, validate UX, test login flows, check links, automate any browser task. Use when user wants to test websites, automate browser interactions, validate web functionality, or perform any browser-based testing.
kor-ui
KorSoftwareSolutions
Complete guide for using the Kor UI library (@korsolutions/ui) in React Native and Expo applications. Use this skill when building user interfaces with Universal UI, customizing themes, setting up the library, working with any of the 27+ components (Button, IconButton, Input, Select, Checkbox, RadioGroup, Alert, Card, Separator, Tabs, Menu, Popover, Calendar, Toast, etc.), styling and theming, implementing compound components, debugging component issues, or when the user mentions "@korsolutions/ui", "Universal UI", "UIProvider", or asks about unstyled primitives, theme customization, or React Native UI components. This skill covers installation, provider setup, component usage patterns, theme customization, variant system, hooks, responsive design, and troubleshooting.
tailwind-v4
Shohzod-Abdusamatov-7777777
Tailwind CSS v4 with CSS-first configuration, @theme directive, OKLCH colors, and Vite integration. Use for modern utility-first styling with the new v4 architecture.