设计与前端
4,640 个结果
- Interaction Designaj-geddesDesign meaningful interactions and microinteractions. Create delightful user experiences through thoughtful animation, feedback, and responsive interface design.
- Ios Swift Developmentaj-geddesDevelop native iOS apps with Swift. Covers MVVM architecture, SwiftUI, URLSession for networking, Combine for reactive programming, and Core Data persistence.
- Microservices Architectureaj-geddesDesign and implement microservices architecture including service boundaries, communication patterns, API gateways, service mesh, service discovery, and distributed system patterns. Use when building microservices, distributed systems, or service-oriented architectures.
- Mobile First Designaj-geddesDesign for mobile devices first, then scale up to larger screens. Create responsive interfaces that work seamlessly across all device sizes.
- Neural Network Designaj-geddesDesign and architect neural networks with various architectures including CNNs, RNNs, Transformers, and attention mechanisms using PyTorch and TensorFlow
- React Component Architectureaj-geddesDesign scalable React components using functional components, hooks, composition patterns, and TypeScript. Use when building reusable component libraries and maintainable UI systems.
- React Native Appaj-geddesBuild cross-platform mobile apps with React Native. Covers navigation with React Navigation, state management with Redux/Context API, API integration, and platform-specific features.
- Reactive Programmingaj-geddesImplement reactive programming patterns using RxJS, streams, observables, and backpressure handling. Use when building event-driven UIs, handling async data streams, or managing complex data flows.
- Responsive Web Designaj-geddesCreate responsive layouts using CSS Grid, Flexbox, media queries, and mobile-first design. Use when building adaptive interfaces that work across all devices.
- Rest API Designaj-geddesDesign RESTful APIs following best practices for resource modeling, HTTP methods, status codes, versioning, and documentation. Use when creating new APIs, designing endpoints, or improving existing API architecture.
- Technical Specificationaj-geddesCreate detailed technical specifications, requirements documents, design documents, and system architecture specs. Use when writing technical specs, requirements docs, or design documents.
- User Research Analysisaj-geddesAnalyze user research data to uncover insights, identify patterns, and inform design decisions. Synthesize qualitative and quantitative research into actionable recommendations.
- Computer Usebam-bam-2Use Orca's computer-use CLI to inspect and operate local desktop app windows through accessibility trees, screenshots, and safe UI actions. Use for desktop app interaction: list apps/windows, get app state, read visible UI, click controls, type, press keys, scroll, drag, set values, or perform accessibility actions. Also use for browser windows, webviews, Orca app UI, or other desktop UI.
- Measured Ui Calloutsbam-bam-2실제 웹·앱 화면을 콘텐츠 이미지나 GIF로 가공할 때 사용. 개인정보를 모자이크·블러 처리하고, 실제 대상의 픽셀 또는 렌더링 좌표를 측정해 강조 박스를 정확히 배치하며, 제목·캔버스·전체 프레임이 잘리지 않도록 최종 시각 검수한다.
- Multi Method Image Generationbam-bam-2사용자가 \"모든 방법 총동원해서 이미지로 만들어줘\" 같이 이미지 제작에 가진 능력을 다 쓰라고 요청할 때 사용. 코덱스(codex CLI), 제미나이(Gemini API), HTML/CSS 렌더링, 사용자 사진 라이브러리, 홈페이지 기존 이미지 등 가용한 모든 이미지 소스를 동원해 비교 후 추천한다.
- Apple Launch Filmcharlie947Rebuild an Apple-style Mac launch film entirely in code with Claude Code. A thin menu bar, the black notch growing into widgets one scene at a time, full-screen gradient wallpapers and one short caption per scene. No screen recording, no After Effects.
- Brand Intakecharlie947The setup step every other skill in this pack reads. A short interview plus 3 to 5 reference frames becomes two files in your project, brand.md (who you are, what you sell, your assets) and MOTION.md (your colours, type, timing and motion rules), plus a rule in CLAUDE.md so Claude reads them before it animates anything.
- Model Showdowncharlie947Give the same motion brief to three AI models, keep each first try, render all three the same way and stack them into one comparison video with model names and logos. Makes a 16:9 side-by-side for a newsletter and a 1080 x 1920 stacked reel for Instagram and TikTok.
- Website Builder SetuptenfoldmarcInstall the full AI website builder stack — UI/UX Pro Max, Framer Motion animations, and 21st.dev components. One skill, three tools, zero coding experience needed.
- Color Palette ExtractorOneWave-AIExtract color palettes from images, websites, or designs. Identifies dominant colors, generates complementary schemes, and exports in multiple formats (HEX, RGB, HSL, Tailwind, CSS variables). Use when users need color schemes from images, brand colors, or design system palettes.
- Css Animation CreatorOneWave AICreate professional CSS animations, transitions, micro-interactions, and complex motion design. Use when adding animations, hover effects, loading states, page transitions, scroll animations, or any motion design work.
- Customer Journey MapperOneWave AIMaps the full customer journey from first touch to advocacy. Generates a comprehensive customer-journey.md with all stages, touchpoints, emotions, pain points, opportunities, Mermaid diagrams, and metrics. Use when mapping customer experience, designing onboarding flows, identifying churn risks, or optimizing conversion funnels.
- Dark Mode ConverterOneWave AIConvert a light-only site or app to a real dark mode -- semantic token mapping, elevation-based surfaces, recalibrated shadows and imagery -- not a naive inversion. Handles Tailwind, CSS variables, and styled-components, plus the toggle, persistence, and no-flash boot.
- Design Style InstallerOneWave AIInstall a complete design-token theme into any project in one pass -- pulls a style from the Open Agent Stack design-styles collection (aurora-mesh, cirrus, liquid-glass, mono-brutalist, neo-terminal, sand-terra, tidal) or a local tokens.json, wires it into Tailwind/CSS, and repaints existing components to match.