设计与前端
4,640 个结果
- S4hhuman-avatarMaster orchestration skill. Takes any situation in plain English, identifies the underlying goal, designs a multi-skill reasoning workflow, and executes it sequentially — feeding each skill's output into the next.
- S4h Aesthetichuman-avatarEntry point for the aesthetic toolkit. Routes to the right aesthetic skill based on your situation. Use when you say 'aesthetic', 'check the design', 'does this feel right', 'is this elegant', 'is this too complex', 'what pattern is this', 'find the simpler version', or want an aesthetic lens applied without knowing which specific tool fits.
- S4h Aesthetic Pattern Detectionhuman-avatarIdentifies the underlying formal pattern at work — because most successful designs, arguments, and solutions share deep structural patterns, and naming the pattern unlocks the playbook. TRIGGERS: 'what pattern is this', 'pattern recognition', 'why does this work', 'identify the form', 'what structure is at play', 'what archetype is this'.
- S4h Cognition Attentionhuman-avatarMaps the attention economy of a mind or situation — what captures it, what depletes it, and how to protect it. Use when asked 'why can't I focus', 'attention keeps getting pulled away', 'how do I protect deep work', 'what's stealing my focus', 'I keep getting distracted', or when designing environments, workflows, or communications that need to respect cognitive bandwidth.
- S4h Cognition Cognitive Loadhuman-avatarManages the limits of working memory — chunking, offloading, and reducing unnecessary complexity to free capacity for what matters. Use when asked 'this is too complex to hold in my head', 'I keep losing track of where I am', 'how do I make this simpler to think about', 'the design is overwhelming', 'people aren't retaining this', or when information architecture, learning design, or…
- S4h Creativity Other Perspectiveshuman-avatarApply Edward de Bono's OPS (Other People's Shoes) tool to genuinely think from other perspectives. Use when the user needs to understand how others will respond to a decision, wants to anticipate objections, is designing something for other people, is in a conflict or negotiation, or needs to check whether they've considered the people affected by a situation.
- S4h Designhuman-avatarEntry point for the design thinking toolkit. Routes to the right design skill based on your situation. Use when you say 'design', 'user needs', 'what do people actually want', 'design constraints', 'prototype and iterate', 'simplify this', 'remove what's unnecessary', or want design thinking applied without knowing which specific tool fits.
- S4h Design Constraintshuman-avatarUses constraints productively — maps hard limits, soft preferences, and how the tightest constraints define the solution space. Triggers: 'what are the design constraints', 'map the constraints', 'what are we working within', 'what's fixed', 'constraint-driven design', 'what does the solution space look like', 'working within limits'.
- S4h Design Simplicityhuman-avatarApplies the design principle of removing rather than adding — finding the form that does exactly what is needed, nothing more. Triggers: 'simplify this', 'remove what's unnecessary', 'it's too complicated', 'what can we cut', 'reduce the design', 'it's bloated', 'make it simpler', 'find the essential form', 'what's really needed here'.
- S4h Design User Needshuman-avatarDistinguishes real needs from stated wants — uses jobs-to-be-done and latent need mapping to find what actually matters. Triggers: 'what do users actually need', 'jobs to be done', 'understand the user', 'find the real need', 'stated want versus actual need', 'user research', 'what problem are we solving'.
- S4h Ethics Consent Reviewhuman-avatarReview a UX flow, data practice, or communication pattern to verify that user consent is genuine — informed, voluntary, and meaningful. Use during design or implementation of checkout flows, onboarding, notification settings, permissions requests, terms of service, dark patterns, or any feature where users make choices about what they share or agree to.
- S4h Game Theoryhuman-avatarRoutes to the right game-theory skill for your strategic situation. Triggers: 'game theory', 'strategic interaction', 'what will they do', 'payoff analysis', 'how do I think about this strategically', 'incentive design', 'cooperation problem', 'bidding strategy', any situation where the best choice depends on what others choose.
- S4h Game Theory Auctionhuman-avatarAnalyses bidding strategy and auction design — how much to bid, how to avoid the winner's curse, and how to design revenue-maximising or efficient auctions. Triggers: 'bidding strategy', 'auction analysis', 'how much should I bid', 'auction design', 'winner's curse', 'sealed bid', 'how do I avoid overbidding', 'procurement auction', 'design an auction', 'competitive offer'.
- S4h Game Theory Mechanism Designhuman-avatarDesigns rules and incentive systems that produce desired outcomes even when players are self-interested. Triggers: 'mechanism design', 'incentive design', 'design a system that makes people do X', 'reverse game theory', 'incentivize honest behavior', 'design rules', 'how do I get people to reveal their true preferences', 'how do I align incentives', 'the current system produces the wrong…
- S4h Game Theory Signalinghuman-avatarAnalyses credibility problems and designs signals that are believable because they're costly to fake. Triggers: 'how do I signal credibly', 'signaling', 'they won't believe me', 'cheap talk', 'commitment device', 'how do I make a credible commitment', 'asymmetric information', 'how do I prove I'm serious', 'they don't trust my claim'.
- Skill Progressive Disclosure DesignsamberDecide how to split skill content between SKILL.md and reference files for context efficiency and reliable triggering. Use this whenever creating a new Claude skill, refactoring an existing one, or when a SKILL.md is growing past 300-400 lines.
- Storefront Best PracticesmedusajsALWAYS use this skill when working on ecommerce storefronts, online stores, shopping sites. Use for ANY storefront component including checkout pages, cart, payment flows, product pages, product listings, navigation, homepage, or ANY page/component in a storefront. CRITICAL for adding checkout, implementing cart, integrating Medusa backend, or building any ecommerce functionality.
- Swap IntegrationuniswapIntegrate Uniswap swaps into applications. Use when user says "integrate swaps", "uniswap", "trading api", "add swap functionality", "build a swap frontend", "create a swap script", "smart contract swap integration", "use Universal Router", "Trading API", or mentions swapping tokens via Uniswap.
- V4 Sdk IntegrationuniswapApp-layer SDK guide for building swap and liquidity experiences directly with the Uniswap v4 SDK. Use when user asks about "v4 sdk", "uniswap v4", "v4 swap", "v4 liquidity", "PoolManager", "V4Planner", "StateView", "PositionManager", "pool state", "v4 position", "uniswap sdk", or when building swap/liquidity UX directly with SDKs rather than via the Trading API.
- Aceternity UIsecondsky100+ animated React components (Aceternity UI) for Next.js with Tailwind. Use for hero sections, parallax, 3D effects, or encountering animation, shadcn CLI integration errors.
- Design System Creationsecondsky| Creates comprehensive design systems with typography, colors, components, and documentation for consistent UI development. Use when establishing design standards, building component libraries, or ensuring cross-team consistency.
- Inspira UIsecondsky120+ Vue/Nuxt animated components with TailwindCSS v4, motion-v, GSAP, Three.js. Use for hero sections, 3D effects, interactive backgrounds, or encountering setup, CSS variables, motion-v integration errors.
- Mobile First DesignsecondskyDesigns responsive interfaces starting from mobile screens with progressive enhancement for larger devices. Use when building responsive websites, optimizing for mobile users, or implementing adaptive layouts.
- React Composition PatternssecondskyReact composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture.