Design & Frontend
4,640 results
- Roadmap GeneratoralirezarezvaniGenerate phased implementation roadmaps with Epic/Story/Task breakdown, effort estimates, and validation checkpoints. Use when cto-architect needs to create actionable technical roadmaps from architecture designs.
- Apollo ClientApollo GraphQLGuide for building React applications with Apollo Client 4.x. Use this skill when: (1) setting up Apollo Client in a React project, (2) writing GraphQL queries or mutations with hooks, (3) configuring caching or cache policies, (4) managing local state with reactive variables, (5) troubleshooting Apollo Client errors or performance issues.
- Apollo FederationApollo GraphQLGuide for authoring Apollo Federation subgraph schemas. Use this skill when: (1) creating new subgraph schemas for a federated supergraph, (2) defining or modifying entities with @key, (3) sharing types/fields across subgraphs with @shareable, (4) working with federation directives (@external, @requires, @provides, @override, @inaccessible), (5) troubleshooting composition errors, (6) any task…
- Accessibility AdvocatedylantarreUse when designing inclusive animations, addressing vestibular disorders and motion sensitivity, or ensuring animation accessibility compliance.
- Accessible MotiondylantarreUse when implementing reduced motion alternatives, vestibular-safe animations, WCAG compliance, or designing for users with motion sensitivity.
- Anticipation MasterydylantarreUse when designing action sequences, user interactions, state transitions, or any motion that needs telegraphing to feel intentional rather than sudden.
- Anticipation PayoffdylantarreUse when designing action sequences, gags, reveals, or any motion that needs setup before delivery—preparing audiences for what's coming and maximizing impact.
- Appeal MasterydylantarreUse when designing character personalities, creating memorable motion signatures, ensuring animations feel polished, or making visual experiences that audiences want to watch.
- Arc MasterydylantarreUse when designing motion paths, character movement trajectories, gesture animations, or any motion that should feel natural rather than robotic.
- Brand ConsistencydylantarreUse when animation doesn't match brand personality, feels generic, or clashes with design language
- Calm RelaxationdylantarreUse when creating animations that soothe users, reduce anxiety, or create peaceful, meditative experiences.
- Css NativedylantarreUse when implementing Disney's 12 animation principles with pure CSS animations and transitions
- E Commerce RetaildylantarreUse when designing animations for shopping apps, product catalogs, checkout flows, or retail experiences
- Education LearningdylantarreUse when designing animations for educational platforms, e-learning, tutoring apps, or skill-building experiences
- Enterprise B2bdylantarreUse when designing animations for enterprise software, B2B platforms, admin dashboards, or corporate applications
- Figma PrototypingdylantarreUse when implementing Disney's 12 animation principles in Figma prototypes and Smart Animate
- Fintech BankingdylantarreUse when designing animations for banking apps, payment systems, investment platforms, or financial dashboards
- Fitness WellnessdylantarreUse when designing animations for fitness apps, wellness platforms, workout trackers, or meditation experiences
- Frontend DeveloperdylantarreUse when implementing animations in code, building UI transitions, or when a developer needs practical animation guidance for web/mobile applications.
- Game DesignerdylantarreUse when designing game feel, player feedback systems, or when creating animations that enhance gameplay and player satisfaction.
- Gaming EntertainmentdylantarreUse when designing animations for gaming apps, streaming platforms, entertainment portals, or interactive media
- Healthcare MedicaldylantarreUse when designing animations for medical apps, patient portals, telehealth, or health tracking interfaces
- Instant 0 100msdylantarreUse when building instantaneous UI feedback under 100ms - button presses, toggles, state changes that feel immediate and responsive
- Media PublishingdylantarreUse when designing animations for news sites, content platforms, publishing apps, or media consumption experiences