设计与前端
4,640 个结果
- Appkitreown-comGuides developers through integrating Reown AppKit into web applications (React, Next.js, Vue, Nuxt, Svelte, vanilla JavaScript). Use when adding wallet connection, network switching, multi-chain support, or troubleshooting AppKit integration issues.
- Architecture Decision RecordssethdfordCreate and maintain Architecture Decision Records (ADRs) in Confluence. Use when documenting technical decisions, architecture choices, technology selections, or when user mentions ADR, architecture decisions, technical choices, or design decisions.
- Architecture PassStepenkoAnatoliRun a local Architecture pass on the code that just changed — read the diff as a design, decide which concerns deserve their own module, who owns each piece of state, and which way data flows, then restructure the changed code to match without changing behavior, verify it, and record the result.
- Automation BrainstormMacroMan5Interactive workflow design advisor for Power Automate, n8n, Make, Zapier and other platforms. Guides users through planning automation workflows with smart questions about triggers, actions, data flow, and error handling. Uses research sub-agent to find best practices and generates detailed implementation plan.
- BrainstormingStepenkoAnatoliTurn a request into a design the user has approved before any implementation, or review existing work with fresh eyes for better ideas. Use this before creating features, building components, adding functionality, modifying behavior, or starting a new project — including tasks that look too small to need it.
- Build From BriefStepenkoAnatoliStarts phase 2 of a Fetchproof project - checks the corpus arrived (handoff), confirms the gate passes, reads research/BRIEF.md, and builds only from what it verified, naming the E-## row behind every design decision and refusing to fill a gap with a guess.
- Codex ImageAxieonGenerate or edit raster images (sprites, icons, illustrations, textures, backgrounds, mockups, photos) by delegating to the OpenAI Codex CLI and its built-in $imagegen tool (gpt-image-2), on the user's ChatGPT plan with no API key. Use whenever the user asks for an image file, or asks to change an existing PNG/JPG. Not for SVG, diagrams, or UI that is better built in code.
- CoeditorchrisvoncsefalvayBuild React applications with CopilotKit and LangGraph for AI-powered collaborative editing. Creates production-ready editor applications (text, document, or node-based) with real-time AI assistance, shared state management, and agentic workflows. Use this skill when users want to build intelligent editing interfaces with AI collaboration features.
- Compare ModelsZazaGdevUse when the user wants two (or three) Claude models to do the same thing side by side, for example "compare Opus and Haiku on a landing page", "race Sonnet against Haiku", "run this prompt on two models", "compare Opus 5.5 and Haiku 4.5 on the scroll race, use these pictures".
- Conference Cfp SubmissionsamberTurns a talk idea into a submission-ready conference proposal for one specific event, or helps choose which conferences to target and plan a submission calendar across several - track fit, title options, an attendee-facing abstract, verb-first takeaways, the reviewer-only fields, a credibility package, and a self-review against the committee's own criteria.
- Decision Doc Syncc3sc0-v4113Trigger: architecture change, new convention, UI/UX standard, quality gate change, ADR. Keep existing project docs in sync with structural decisions.
- Design Pattern ApplicationdasienApply Gang of Four and architectural patterns appropriately to solve common software design problems
- Designing Beautiful WebsitestristanmanchesterDesign, implement, or critique website and web-app UX/UI: information structure, user flows, responsive layouts, visual systems, content, and interaction states. Use for a requested interface or visual-design change; do not expand a small component edit into an unrequested product redesign.
- Developer ChampionssamberDesigns an unpaid, perks-only developer champions or ambassador program end to end - readiness check, intake model, published selection criteria, behaviour-based obligations, an access-first perk ladder, fixed terms with renewal and alumni status, and a cohort scorecard.
- Developer Ecosystem StrategysamberDecides whether, when and how far a developer product should open into a platform other companies build on - extension points, partner-built integrations, third-party apps, a complement ecosystem - and what that permanently obliges you to.
- Developer Education StrategysamberDecides whether and how to invest in structured developer education, such as learning paths, a developer academy, hands-on labs, badges or a full certification program - instead of more ad-hoc content, then designs its operating model, staffing, refresh cadence, measurement and kill rules.
- Developer First GtmsamberDesigns the go-to-market motion for a developer-facing product - bottom-up self-serve adoption, developer-influenced sales, top-down with developer proof, or ecosystem-mediated distribution - plus the self-serve entry, the developer-to-buyer handoff rule and the land-and-expand path.
- Developer Meetup ProgramsamberDesigns and runs a recurring developer meetup or user group - purpose and host model, format menu, cadence, a standing speaker pipeline, in-kind venue and food sponsors with their conduct limits, no-show planning, the attendee-to-co-organizer ladder, and a health scorecard.
- Devtools Pricing StrategysamberDesigns the pricing and packaging architecture of a developer tool - the value metric (seats, consumption, capacity, outcome, or a hybrid), free-tier limits, the tier ladder up to enterprise gating, price points bounded by a margin floor and the self-host and build-it ceilings, and a plan to change prices without a backlash.
- dioramaeduclopezBuild small animated 3D worlds for the web (isometric camera, blocks on a rounded base, soft shadows, little vehicles and people that move) in one of six themes you can tune: toy (pastel blocks, warm sun), soft, mono (one accent, the rest tints of ink), line (a hairline drawing, white fills and ink edges, by hand if asked), print (flat tones and ink, a printed illustration) and night.
- Diorama WorldseduclopezBuild narrative miniature worlds with a fixed orthographic camera, textured terrain, articulated people and coordinated looping actions. Use for detailed low-poly 3D dioramas or pixel-finish animated vignettes: sports grounds, street performers, gardens or other small places with a story. Four finishes, miniature, pixel, halftone and blueprint, use the same Three.js scene.
- DiscoveryemgiezetThe vocabulary and format rules for discovery artefacts — brief files, evidence tags, and the Definition of Ready. Use when writing or reading a brief, tagging a claim as evidence or assumption, deciding whether a ticket is ready to spec, or running any discovery command (/sdlc:brainstorm, /sdlc:discover, /sdlc:synthetic-users, /sdlc:backlog, /sdlc:ux-shape).
- DocslaszewskimariuszDocumentation and product copy — README, changelog, API docs, UI copy, SEO basics — written from the code as it is, with every command checked. Triggers - "docs", "README", "changelog", "write documentation", "UI copy".
- Evidence SynthesisgasseraneConduct a rigorous rapid evidence assessment or systematic-lite literature review for MEL/SRHR questions. Use when Ane asks for "evidence review", "literature review", "evidence synthesis", "REA", "what does the evidence say", "what do we know about", or similar.