Frosted glass effect with translucent layers, subtle blur, and luminous borders for depth and modern elegance.
agent-skills
agentic-ai
agentic-workflow
agents
ai
ai-agents
ai-tools
awesome
awesome-list
awesome-readme
claude-design
codex
cursor
design
design-md
design-system
google-stitch
skills
Updated 2026-09-19 08:56:34 +08:00
Frontend design skill that generates, restyles, and guides UI development in mager's actual design taste — concept-led interfaces that feel authored, tactile,…
Updated 2026-09-19 07:29:55 +08:00
design-system: Translates an image (or a set of image references — screenshots,
mockups, Figma URLs, live websites) into two mirrored design-system
artifacts:…; product-planner: Vision intake conversation followed by generation of three product
documents — `docs/product-vision.md` (strategy and brand),
`docs/prd.md` (technical spec for…; launch-checklist: Use when the user's product is built (or nearly built) and they want to get it live and accessible to customers. Triggers on phrases like "cr…
Updated 2026-09-19 06:02:32 +08:00
mobile-touch: Use when designing iOS/Android gestures, haptic feedback, touch interactions, or native mobile animations.; video-motion-graphics: Use when creating After Effects compositions, Premiere Pro motion, video titles, explainer videos, or broadcast motion graphics.; framer-motion: Use when implementing Disney's 12 animation principles with Framer Motion in React applications
Updated 2026-09-19 03:48:46 +08:00
appllama-app-design-skill: Build native-feeling, benchmark-quality mobile app screens (Expo / React Native). Use when designing or implementing any mobile UI — screens, flows,…; appllama-usage: Use the Appllama MCP (mcp.appllama.io) well — research real top-grossing mobile apps, their screens, flows, and UI elements, then build from what you learn.…
agent-skills
ai-agents
claude
claude-code
claude-code-skill
claude-skills
codex
codex-skill
cursor
design-system
expo
mcp
mobile-app-development
mobile-design
mobile-ui
model-context-protocol
react-native
skills
ui-design
Updated 2026-09-19 03:48:15 +08:00
review-all: Run a two-agent code review: spawn two fresh, clean-context agents that examine the SAME committed branch diff in parallel. One agent runs Codex's native…; api-review: Review the current Kelos branch, or an explicitly specified PR, issue, or diff, for Kubernetes API and CRD design quality. Use when asked for a Kelos API…; gjkim-instruction: Create and maintain gjkim_instruction.md, the root document for a loop-engineering effort. The document holds only the minimum requirements and…
Updated 2026-09-19 03:26:23 +08:00
presentation-deck: Structure a design presentation for a specific audience and decision. Use when presenting internally. For a portfolio narrative use `case-study`; for the…; typography-scale: Create a modular type scale with size, weight, and line-height relationships. Use when establishing typographic structure. For line length only use…; visual-hierarchy: Establish hierarchy through size, weight, colour, spacing, and position so the eye lands in the intended order. Use when composing new wor…
agentic
agentic-ai
ai
ai-tools
claude-code
design-system
design-systems
prompt-engineering
skills
ux-design
Updated 2026-09-19 03:07:41 +08:00
Generate extremely simple, cute, personified square character images with rounded heavy forms, two purposeful character colors, one solid background color, and…
Updated 2026-09-19 02:42:08 +08:00
Use this skill when you develop, design, build, deploy, debug, migrate, or troubleshoot CloudBase (腾讯云开发, 云开发, TCB, 微信云开发) projects — Web, 微信小程序, 小程序, uni-app,…
Updated 2026-09-14 12:58:18 +08:00
Design and implement one-click post-purchase upsells and downsells that raise average order value without hurting the main conversion rate. Use when asked to…
Updated 2026-09-12 02:27:55 +08:00
Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover…
Updated 2026-09-12 02:23:59 +08:00
Transforms vague UI ideas into polished, Stitch-optimized prompts. Enhances specificity, adds UI/UX keywords, injects design system context, and structures…
Updated 2026-09-12 02:21:05 +08:00
Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component libraries,…
Updated 2026-09-12 02:18:41 +08:00
Design, configure, troubleshoot, or review Cloudflare One Zero Trust and SASE deployments. Use cloudflare-one-migrations for migration planning from other…
Updated 2026-09-12 02:13:46 +08:00
Extract design primitives from a public website and generate starter token files for your project.
Updated 2026-09-12 02:08:56 +08:00
When the user wants to plan, design, or implement an A/B test or experiment, or build a growth experimentation program. Also use when the user mentions "A/B…
Updated 2026-09-12 02:07:44 +08:00