设计与前端
4,640 个结果
- Snap ComposefiqryqLaunches an autonomous, pixel-perfect Jetpack Compose implementation loop using Figma MCP and the Android Emulator.
- Snap SwiftuifiqryqLaunches an autonomous, pixel-perfect SwiftUI implementation loop using Figma MCP and the iOS Simulator.
- Speckit Taskstoissuesthree-feathersDeprecated: Convert existing tasks into actionable, dependency-ordered GitHub issues for the feature based on available design artifacts.
- SqlitealivirgoDesign SQLite schemas and migrations, configure WAL and pragmas, and plan backups within its concurrency limits.
- Styleflywheel-productApply universal style & usability standards to build good, non-generic UI — interaction patterns, data-entry/tables/forms, navigation, feedback states, accessibility, spacing/motion, light/dark mechanics, and responsiveness. Brand-agnostic. Use whenever asked to make a UI good, usable, polished, responsive, or accessible, to add light/dark or UX patterns, or when the user types /style.
- Subagent BuildereLafoGuide creation of Claude Code Subagents with task scope definition, tool selection, system prompt design, and delegation patterns. Ensures proper subagent configuration with appropriate tool access and context isolation. Use when creating Subagents, delegating tasks, building specialized agents, or when users need isolated task execution.
- Superpowers Brainstorminghost452bYou MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.
- SurrealdbalivirgoDesign multi-model schemas and query SurrealDB using SurrealQL; implement graph relations, live queries, record links, and granular access rules.
- Sync Designits-magdyUpdates already-built code after the Figma design changed, by patching only what moved instead of rebuilding the screen. Use this whenever a screen that exists in code needs to catch up with its design — "the designer changed the header", "the design was updated, update my code", "re-sync this screen with Figma", "what changed in the design since I built it?", "the primary color changed", "apply…
- Task TriageDimkoxUse when a request is ambiguous, research-oriented, or needs scope classification before design or code.
- Tasteskrrt-shHow a page or screen looks and reads. Use when laying out or reviewing a page, hero, or sections, fixing layout, spacing, typography, fonts, or contrast, when UI looks bad, ugly, sloppy, or like AI slop, or when writing copy, headlines, CTAs, button labels, error and empty-state text, or tone, or text is salesy, cringy, or repetitive.
- Themeflywheel-productPick and fully commit to ONE distinct visual aesthetic for a UI from a curated library — Glassmorphism, Swiss, Material You, Editorial, retro/Y2K/terminal, Neobrutalism, Claymorphism, Cyberpunk, Industrial, Organic, Hand-Drawn, Anime, plus brand-derived looks (Apple, Spotify, Netflix, LEGO, NYT, etc.).
- Todou BrainstormorzFlyInteractively brainstorm a design with the user on a todou issue — turn ideas into fully formed designs through collaborative dialogue, with the whole exchange recorded on the tracker and the user answering from the web UI. Use before starting any design-heavy card.
- Todou PlanorzFlyTurn an approved design into a reviewable implementation plan as a todou spec set — proposal/design/api/plan documents pushed to the issue, refined through the inline-annotation review loop until the user approves. Invoked by /todou-brainstorm after design approval, or directly for cards whose design is already settled.
- Ux Patternsskrrt-shDesign process to run before any UI is drawn or built. Complete user stories for the least-expert and power user, then established patterns from peers and platform guidelines, then product-specific principles, then a design where every element traces to a story, delivered as a short brief in chat.
- UX Psychologys-hiraokuApply UX psychology principles to frontend design. Use when designing UI components, improving user experience, increasing conversion, or making design decisions. Covers 43 psychological concepts including cognitive biases, behavioral patterns, visual design principles, and engagement techniques.
- Verifyits-magdyChecks an already-built screen against its Figma design, without changing any code. Use this whenever the user asks whether code matches the design — "does this match the design?", "check the login screen against Figma", "compare my build to the mockup", "is this pixel-accurate?", "what's off in this screen?", "verify the settings page" — for a screen that exists in code and has an export under…
- Visual Design System ExtractorsrinitudeUse when reference images, screenshots, moodboards, style frames, brand boards, cinematic stills, product interface shots, or a live site URL must become a production design system, design tokens, art direction, motion rules, or a YAML style specification.
- Visual ScratchpadhacksurvivorRender, inspect, and share real interface variants before making or approving visual design changes. Use automatically when appearance is part of correctness: UI/UX work, buttons, colors, typography, spacing, layout, hierarchy, glass/material effects, hover/pressed/disabled states, responsive behavior, SwiftUI, AppKit, iOS, web interfaces, screenshot comparisons, visual regressions, or any…
- Writing Technical Design DocsbostonaholicDrafts technical design docs that are directionally correct, not perfect, deciding one-way doors, deferring two-way doors, and naming unknowns. Use when asked to write, draft, or author a design doc, RFC, tech spec, or architecture proposal. Not for reviewing a design; use reviewing-design-docs.
- ZapieralivirgoDesign Zapier Zaps with Find-before-Create idempotency, loop guards, Paths branching, credential hygiene, and webhook catch hooks. Use for no-code SaaS wiring, prototypes, and ops automations before custom integration services.
- Adb UiautomatorrdmptvSemantic UI element detection via uiautomator2
- Affiliate Onboarding SequencembfinottiDesign the onboarding sequence that carries a newly approved affiliate from approval to first tracked conversion - touch plan (timing, channel, one action per touch), asset kit, time-boxed activation nudge, and never-activated follow-up branch. Covers B2B SaaS partner programs and B2C ecommerce affiliate programs.
- Analyzing Twitter Sentiment For Topicapidojo-ioAnalyzes public sentiment on Twitter/X for any topic, brand, or event using apidojo's Tweet scrapers on Apify. Triggers when the user asks to: analyze Twitter sentiment about a topic, measure public opinion on Twitter, see if sentiment is positive or negative about a brand or issue on X, analyze the emotional tone of tweets about an event, research how Twitter reacts to a news story, measure…