设计与前端
4,640 个结果
- Frontend Design SystembilalmkComprehensive UI/UX design skill for building modern, responsive web applications with Tailwind CSS, shadcn/ui, Material UI, Chakra UI, Ant Design, and Mantine. Use when users need to - (1) Choose a design system for their project, (2) Build responsive layouts and components, (3) Implement forms with validation, (4) Create accessible user interfaces, (5) Design task management UIs (todo apps…
- Frontend Dev Guidelines0Chan-smcNext.js 15 ì í리ì¼ì´ì ì ìí íë¡ í¸ìë ê°ë° ê°ì´ëë¼ì¸. React 19, TypeScript, Shadcn/ui, Tailwind CSS를 ì¬ì©í 모ë í¨í´. Server Components, Client Components, App Router, íì¼ êµ¬ì¡°, Shadcn/ui ì»´í¬ëí¸, ì±ë¥ ìµì í, TypeScript ëª¨ë² ì¬ë¡ í¬í¨.
- Frontend DeveloperRasmusGodskeSkill for implementing frontend features following project conventions. Use when writing Vue components, creating UI, or refactoring frontend code. Loads all frontend rules from .claude/rules/frontend/.
- Gluestack UI V4gluestackEnforces constrained, opinionated styling patterns for gluestack-ui v4. Main overview skill that coordinates specialized sub-skills for setup, components, styling, variants, performance, and validation.
- Gluestack UI V5gluestackEnforces constrained, opinionated styling patterns for gluestack-ui v5 (Tailwind CSS v4, NativeWind v5 / UniWind). Main overview skill that coordinates specialized sub-skills for setup, components, styling, variants, performance, and validation.
- How To Use ReactmasseaterReact 19.3 のコンポーネント、ローダー、サーバー処理を書く・直す・レビューするときに読む。状態の置き場所、非同期の組み方、並行 UI の API の使いどころ、props の形を決める。
- Influencer Measurement FrameworkmbfinottiDesign the pre-launch measurement plan for one influencer or creator campaign - KPIs matched to the objective (awareness, engagement, conversion, affiliate-linked, always-on ambassador), an attribution method and data source behind each KPI, reporting cadence per stakeholder, and declared blind spots. Delivered as a measurement plan document before launch, for B2B and B2C alike.
- Linkedin PagesWindsor.aiAnalyze LinkedIn company page (organic) performance through Windsor.ai. Use when the user asks about their LinkedIn page's organic insights — follower growth, impressions, reach, clicks, reactions, comments, shares, engagement rate, or visitor demographics by industry, job function, seniority, or company size.
- Lookalike Audience SeedsmbfinottiSelect and size the seed customer list behind a lookalike, similar, or value-based audience - which customers to upload, how many, and whether the matched count (not the row count) clears the platform floor - with RFM and value-based selection, a negative-selection pass, a privacy and consent gate before any customer list upload, and a fallback ladder when the floor cannot be cleared.
- Manim SkillDominikPetersRender Manim scenes to still frames and review them to diagnose animation/layout issues. Use when debugging scenes, verifying visual correctness, or inspecting frame-by-frame output.
- Music ComposerpaoloquarantaExpert in music composition across all genres, MIDI programming, audio synthesis, music theory, and arrangement. Use when composing music, creating MIDI files, generating melodies/harmonies/rhythms, arranging tracks, or working with musical concepts like scales, chords, progressions, and orchestration.
- Nextjsalex-tgkGuide for implementing Next.js - a React framework for production with server-side rendering, static generation, and modern web features. Use when building Next.js applications, implementing App Router, working with server components, data fetching, routing, or optimizing performance.
- Parallel Exploreoikon48Launch four Explore agents in parallel to simultaneously investigate multiple areas of a codebase. Use this skill when multiple independent exploration tasks need to be performed concurrently, such as searching for different patterns, examining various file types, or investigating multiple architectural components at once.
- Partner Channel ConflictmbfinottiWrite the channel conflict rules that govern contested deals between direct sales and channel partners or between partners - rules of engagement, account segmentation, named-account carve-outs, deal registration as a claim instrument (protection window, tie-break, rejection grounds), compensation neutrality for direct reps, escalation and adjudication ladders, and governance cadence.
- Partner Channel ProgrammbfinottiDesign the overall structure of a B2B partner or channel program from scratch - a readiness gate that can conclude not yet, partner value proposition, which motions to run (referral, reseller, services, technology), tier count, benefit stack, program-wide economics envelope, governance, and success horizon. Covers B2C analogs (dealer, franchise, ambassador).
- Partner EnablementmbfinottiSequence the training, content, and certification a B2B partner program needs to make partners self-sufficient sellers - the partner enablement roadmap, not the training content itself. Covers the skills-gap needs assessment, enablement tracks split by partner role and type, certification design and refresh cadence, and a pilot cohort, all designed backwards from the partner's first deal.
- Partner PerformancembfinottiMeasure and review the performance of individual partners in a B2B partner program - the per-partner scorecard (dimensions, weights, targets, red-flag thresholds, data sources), the review cadence and QBR structure, and the underperformance ladder from trigger through corrective action to de-tier or exit. Also covers the B2C affiliate and creator review contrast.
- Partner TieringmbfinottiDesign or redesign the tier structure inside an existing B2B partner program - qualification criteria, benefit bundles, tier count, promotion and demotion rules, review cadence for registered/silver/gold-style ladders, and migration of the current partner base. Also covers the B2C affiliate, creator and loyalty tier contrast.
- Pcad To Autocadbinli2016Guide for transpiling P-CAD code to AutoLISP and rendering it in AutoCAD.
- Pendo Guide CreatorPendoCreates production-ready Pendo in-app guides as HTML/CSS/JS files, drawing on guide type best practices, org-specific content guidelines, and user-provided context. Trigger this skill whenever a user types /pendo-guides:pendo-guide-creator or uses natural language like "create a guide", "build a Pendo guide", "write a walkthrough", "make an announcement guide", "create an alert", "build a poll"…
- Premium Landing DesignericemusikeExpert landing page designer specialized in creating premium, professional, high-converting landing pages that don't look AI-generated. Use this skill when creating landing pages, sales pages, product pages, or any marketing pages that need to look professionally designed by a top-tier agency and convert visitors into customers.
- Ratatui Tui BuilderwcyganBuild terminal user interfaces using ratatui - widgets, layouts, event handling, rendering, and application patterns. Use when creating TUIs, implementing terminal UIs, building interactive CLI apps, or working with ratatui/crossterm. Keywords: ratatui, TUI, terminal UI, crossterm, widgets, layout, event handling, immediate mode rendering
- Referral Incentive DesignmbfinottiDesign the reward structure of a customer refer-a-friend program - who gets rewarded (referrer, friend, or both), reward type (cash, account credit, discount, product value, status), how much to pay against LTV/CAC and gross margin, when the payout fires, and whether to build a tiered reward ladder.
- Retargeting FunnelmbfinottiDesign a multi-stage retargeting sequence from a site's own funnel data - recency windows and behavioural-depth tiers per stage, a message and offer ladder for each stage, mutually exclusive audiences with exclusion logic, and per-stage frequency caps.