设计与前端
4,640 个结果
- ReactalivirgoBuild accessible React UIs with function components, hooks, derived state, and effect discipline; fix Strict Mode double-invoke, list keys, and concurrent rendering pitfalls. Use for components, forms, and client islands in Next.js or SPA apps.
- React NativealivirgoBuild React Native interfaces and navigation, integrate native modules, and prepare platform release builds.
- React Router V7 ExpertraisiqueiraUse this skill when you need expert guidance on React development with React Router V7, including component architecture, routing patterns, state management, performance optimization, and modern React best practices. Examples - User building React app with complex routing requirements needing nested routes with data loading and error boundaries.
- Reactive Wakeup SignalingalivirgoUse runtime completion events for background work when available, avoiding unnecessary status polling.
- Readme CraftthekusaldarshanaWrite or overhaul a rich, accurate, beautifully styled README.md for any repository, including a hand-coded light/dark SVG banner, badges, real screenshots or GIFs, and verified quick-start commands. Use whenever the user asks to create, improve, restyle, polish or "make pretty" a README, project front page, or GitHub landing page, or prepares a repo for open-source release, even if they don't…
- RedisalivirgoDesign Redis caching, TTLs, and eviction policies; configure ACL auth and persistence (RDB/AOF); avoid KEYS, unbounded memory, and backup-restore windows that lose cache-aside coherency.
- Redoing ImplementationsbostonaholicRebuilds the current implementation from scratch as the simplest design that satisfies what was learned, after the user approves the design. Use when the user explicitly asks to redo the work, start over, scrap the approach, or rewrite it more simply. Never infer from a failing or complex implementation.
- Regen Apiantoine-tenaRegenerate openapi.json and the frontend types after a change to a route or schema of the Django API (django-ninja). Use as soon as a schema or a route changes.
- RemotionalivirgoCreate React video compositions with Remotion, parameterize timelines with props, and configure CLI or server-side rendering.
- Researchskrrt-shResearch before designing or deciding. Read current official docs, study how established projects and peers solve the same problem, cross-check sources, and verify claims against the code. Use before choosing an approach, library, architecture, or vendor, when asked how others do it or for best practices, and when a claim, fact, or API detail is uncertain.
- Reviewing CodebostonaholicReviews a code diff (PR, branch, commit range, working tree, or a diff already in the conversation) in a fresh-context read-only subagent, because a session holding the conversation is a biased reviewer, and returns Conventional Comments findings with an APPROVE, REQUEST CHANGES, or COMMENT verdict.
- Sales HiringmbfinottiEmployer-side hiring workflow for SDR/BDR and AE roles, producing an outcome-based scorecard, a structured interview loop with question bank, a scored mock-call work sample, and a 30-60-90 ramp plan with certification gates.
- Sales MotionmbfinottiChooses and designs the company-level sales motion at VP Sales / CRO altitude - product-led growth (PLG), sales-led, hybrid product-led sales, developer-led/open-source, or channel/partner-led - plus the transitions between them (exiting founder-led sales, layering sales onto self-serve, moving upmarket, adding channel), mapped to ACV, time-to-value, buyer-vs-user separation, TAM shape and…
- Sales Org StructurembfinottiDesigns a sales organization's structure for its current stage - role mix (SDR, AE, AM/CS), topology (island, assembly line, pod, hybrid), SDR-to-AE ratio, hunter/farmer split, span of control, and specialization by segment. A macro org-design exercise for a VP Sales, CRO, or founder scaling past founder-led selling, covering B2B and B2C.
- SalesforcealivirgoBuild Salesforce workflows using SOQL, Apex, Flows, Lightning Web Components, and scoped API integrations.
- Scene TransitionsgothicpixieChapter and scene joins in a documentary or podcast mix: J-cuts (ambience pre-laps), L-cuts (music and live tails), music-to-music seams, live-sound edges, act-boundary breaths, key-line ladders, designed and memory-POV silences, and the ending ladder, applied mechanically to a cue sheet with opendubstage transitions and verified with check_transitions / bridge_gaps.
- Screen CheckgwpicardApply the kit's screen rules during a build or review that touches an interface. Read the project's own design system first, report what was applied and what remains for a person to try, and make no claim that the screen is accessible, compliant, or good.
- Screen CheckgwpicardApply the kit's screen rules during a build or review that touches an interface. Read the project's own design system first, report what was applied and what remains for a person to try, and make no claim that the screen is accessible, compliant, or good.
- Screensskrrt-shShip each screen complete, predictable, fast, and matched to the design. Every real state handled, one established pattern per action, big flows split into steps, only visible rows rendered, and checks in the real UI on every target.
- Screenshotqaflywheel-productRender a UI and actually look at it before calling it done — the reliable screenshot-and-review loop for any web app. A clean compile and a 200 response never prove the UI is right; client-rendered layout/CSS bugs (full-width controls, overflow, collapsed rows, wrong colors, broken dark mode, mobile reflow) show up only when you render and review.
- Seedance Directorsundny8将任意一句想法（故事、人物、图片、场景、历史事件、电影桥段、广告、旅行、科幻、动作、情感、纪录片）重构为可直接投喂 Seedance 2.5 的 30 秒电影级视频提示词，包含五幕结构、七维分镜、一致性锁定、物理与微表情校正、声音设计。当用户要求写视频提示词、分镜脚本、AI 短剧脚本、Seedance/即梦视频 prompt、电影感镜头设计，或提到「分镜」「运镜」「视频脚本」「AI 短片」「30 秒视频」时使用。Generates 30-second cinematic video prompts and shot lists for Seedance 2.5 and other AI video models.
- Self Documentingskrrt-shKeep comments and docs to the minimum so the code stays the single source of truth. Comments state why in three lines at most. Docs record decisions, never how the code works. AGENTS.md is the only instruction file and holds how to work, never the state of the code. Prose never points into the code. Every change fixes or deletes the prose it makes false.
- Shadcn UI ExpertMajesteitBartDevelop high-quality, accessible React components using shadcn-ui, Tailwind CSS, and Radix UI. Use when building forms, layouts, dialogs, tables, or any UI components. Supports Next.js, Vite, Remix, Astro, and more. Integrates with shadcn MCP server for component discovery and installation.
- shadcn/uiSlanyCukrA collection of beautifully designed, accessible UI components built with Radix UI and Tailwind CSS