设计与前端
4,640 个结果
- Building Nextjs AppsswapkatsSpecialized skill for building Next.js 15 App Router applications with React Server Components, Server Actions, and production-ready patterns. Use when implementing Next.js features, components, or application structure.
- Bys Learn Planqkgecn93不一书学习路线图（bys-learn-plan）：用户想掌握某样东西时，像朋友一样把需求聊清楚，联网搜集并核实资料， 设计一份从零开始的个人学习路线图（分阶段、有时间安排、有资料、有练习、每阶段一个"我能……"的里程碑）， 输出 Markdown + 可分享的 HTML 旅程海报 + 打印版，之后还能陪用户按进度更新调整。 只要用户表达出"想学会 / 想掌握 / 想入门 / 想搞懂 / 想转行做 / 想考某个证 / 看到一个词或一篇文章想弄明白它属于什么、 该从哪学起 / 有个目标（想当咖啡师、想自己炒股、想做独立开发者）不知道该学什么 / 帮我做个学习计划 / 学习路线 / 成长路线 / roadmap / learning path / study plan"，哪怕说得很模糊，都应触发本 Skill。
- Co Selling StrategymbfinottiDesign the operating model for how direct sales and partner sellers collaborate on shared deals - deal registration policy (protection windows, approval SLA, rejection grounds), deal credit and attribution split (partner-sourced vs partner-influenced, comp neutrality), and channel rules of engagement between direct and partner sellers. Covers B2B co-sell motions at the policy level.
- Conversational Ad CopymbfinottiAdapt ad messaging for conversational and AI-answer ad surfaces - the one-shot, context-aware ad occupying a single response slot inside an AI assistant reply or answer-engine result, where the copy is either rendered verbatim or rewritten by a model from the landing page and feed.
- Crontap Retries And IdempotencycrontapConfigure Crontap retry policy safely and design scheduled endpoints so repeated requests do not duplicate side effects. Use when a user needs reliable delivery, exponential backoff, or help diagnosing duplicate work.
- Css Design Tokensalongor666CSS design tokens and color system for vehicle insurance platform. Use when defining colors, spacing, typography, or design variables. Keywords: eye-care colors #5B8DEF/#8B95A5/#C5CAD3, CSS variables, spacing system, color palette, typography scale, design tokens, variables.css, theme colors.
- Designpianzhu方案设计阶段详细规则；进入方案设计时读取；包含方案构思、任务拆解、风险评估、方案包创建
- Design PrinciplesnmhjklnmUse this skill when designing UI/UX, creating dashboards, building SaaS interfaces, or reviewing frontend design. Provides S-tier design checklist inspired by Stripe, Airbnb, and Linear.
- Designing ArchitecturedrewdresserKnowledge and patterns for designing software architectures and system design.
- Dev Native Web ComponentsZ1-TestBuild native web components for web apps using declarative Shadow DOM, CSS-first interactivity, responsive units, and baseline 2025->2024->2023 features. Trigger when creating custom elements, component styles, UI overlays, or choosing modern HTML/CSS platform features for the latest four stable browsers.
- docs-style-guideplanetabhiDocumentation style guide enforcer by @planetabhi. Applies and reviews the writing style guide when authoring or editing product documentation and tutorials. Use to check prose for voice, tense, word choice, inclusive language, formatting, code block, UI, Markdown, and number/date conventions.
- Docusaurus CustomizationFatima367Customizes Docusaurus for the Physical AI & Humanoid Robotics textbook with specialized UI/UX, dark mode, accessibility features, and interactive elements.
- dry-eyeskigielaFinds SEMANTIC duplicate code across a whole repository — the same business rule, calculation, or UI/UX pattern implemented independently more than once, often with DIFFERENT behavior each time (e.g. one screen shows an error toast, another doesn't, a third shows both a toast and an inline error).
- Edgespark Frontend DesignedgesparkhqDesign and redesign EdgeSpark frontends with distinctive, production-grade visual direction instead of generic AI-looking UI. Use when building or polishing landing pages, marketing sites, dashboards, auth flows, portfolios, product surfaces, or reusable frontend sections in EdgeSpark, especially when the task mentions design quality, aesthetics, typography, color, layout, motion, art direction…
- Extracting Youtube Comments For Researchapidojo-ioExtracts and analyzes YouTube comments for audience research using apidojo's YouTube scraper on Apify. Triggers when the user asks to: extract YouTube comments for research, analyze what viewers say in YouTube comments, scrape comments from a YouTube video for sentiment analysis, find common questions in YouTube comments, research audience feedback from YouTube video comments, extract top…
- Facebook AdsWindsor.aiAnalyze and manage Meta Ads (Facebook & Instagram ad placements) through Windsor.ai. Use when the user asks about their Facebook Ads / Meta Ads performance — pulling live campaign, ad set, or ad metrics (spend, impressions, clicks, conversions, CPA, ROAS), comparing date ranges, or finding top or underperforming campaigns — or when they want to create, pause, or enable a campaign, ad set, or ad…
- Facebook OrganicWindsor.aiAnalyze Facebook Page (organic) performance through Windsor.ai. Use when the user asks about their Facebook Page's organic insights — reach, impressions, engagement, reactions, follows/fans, or the performance of individual posts, videos, and Reels, by date/week/month or by country. It can also publish a photo post or a text and link post to a Page, always after the user approves the full draft.
- Ffmpeg Toolkitsimonlee2This skill should be used when the user asks to "convert video", "trim video", "cut video", "extract audio", "compress video", "resize video", "create gif", "merge videos", "combine videos", "add audio to video", or needs help with ffmpeg commands for video and audio processing.
- Finding Designers And Creatives On Twitterapidojo-ioFinds designers and creative professionals to recruit using apidojo's Twitter scrapers on Apify. Triggers when the user asks to: find designers on Twitter for recruiting, discover UX UI or graphic designers to hire on X, find product designers or creative directors from their Twitter profile, identify visual designers by portfolio signals on Twitter, find motion designers illustrators or brand…
- Finding Digital Agencies Via Google Searchapidojo-ioFinds digital marketing agencies, creative studios, and web design firms via Google Search using apidojo's Google Search Scraper on Apify. Triggers when the user asks to: find digital agencies for outreach or partnership, discover marketing agencies in a specific city, build a list of SEO agencies or web design studios via Google, find creative agencies that might need your software, prospect…
- Finding Freelancers By Skill On Twitterapidojo-ioFinds freelancers and independent contractors to recruit using apidojo's Twitter scrapers on Apify. Triggers when the user asks to: find freelancers on Twitter for contract work, discover independent contractors for hire in a skill area on X, find freelance developers designers writers or marketers on Twitter, identify consultants or solopreneurs by specialty on Twitter for project work, find…
- Finding Software Engineers On Twitterapidojo-ioFinds software engineers and developers to recruit using apidojo's Twitter scrapers on Apify. Triggers when the user asks to: find software engineers on Twitter for recruiting, discover developers to hire from their Twitter profile, find backend frontend or full-stack engineers on X for talent sourcing, identify programmers by tech stack on Twitter, find software engineers who are open to work…
- Framer Motiontadams95Framer Motion animations - motion components, variants, gestures, layout animations. Use when adding UI animations, transitions, or interactive motion effects.
- FrontendimehrUse when building UI components, pages, or features - guides Claude through the approved frontend stack (Next.js 15, React 19, Shadcn, Tailwind) with design-first workflow for complex UIs, enforcing patterns and quality standards