Results for “design-implementation”
56 skillsdesign-qa-checklist
Create systematic QA checklists to verify that design implementations match specifications across visual accuracy, layout, interaction, content, accessibility, and cross-platform categories.
1.7k
update-implementation-plan
Update an existing implementation plan file with new or updated requirements for features, refactoring, package upgrades, design, architecture, or infrastructure.
36.2k
planning-design
Design technical architecture, select technology stack, and define implementation strategy from specifications and constitution constraints.
1.7k · bundle
ui-designer
Use when UI expertise is needed to unblock implementation decisions.
3
cql
Learn and apply CQL concepts, implementation strategies, best practices, and real-world applications in professional environments. Covers foundational concepts, Python implementation patterns, and production-grade system design.
1
renault-design-analysis
Documents Renault's brand design system including color palette, typography hierarchy, and layout principles for web implementation.
50.9k · bundle
More results
frontend-design-review
Review UI implementations against design quality standards and design system compliance, or create distinctive, production-grade frontend interfaces from scratch.
2.7k · bundle
dotnet-design-pattern-review
Review C#/.NET code for design pattern implementation and suggest improvements without making changes.
36.2k
brainstorming
Guides collaborative dialogue to turn ideas into fully formed designs and specs before any implementation begins.
247k · bundle
algorithms
Implements and applies algorithms concepts, designs solutions using algorithmic principles, and optimizes performance for algorithm implementations.
1
story
Chains architecture review, implementation, and pull request creation to take a story from design through to a convention-compliant PR.
13
improve-animations
Audits a codebase's animation and motion code, then produces a prioritized list of findings and self-contained implementation plans for other agents to execute.
5k
openspec-propose
Creates a complete change proposal with design, specs, and tasks in one step, ready for implementation.
32
openspec-propose
Creates a complete change proposal with design, specs, and tasks in one step, ready for implementation.
0
figma
Translates Figma designs into project code using the Figma MCP server, fetching design context, screenshots, and assets to implement pixel-perfect UI.
61
vodafone-inspired-design-analysis
Analyzes and documents Vodafone's design language, including color palette, typography hierarchy, spacing system, and layout patterns for brand-consistent implementation.
50.9k · bundle
writing-plans
Creates executable implementation plans that break down a brainstorming design into detailed, unambiguous per-batch tasks for execution.
580 · bundle
image-to-code
Generates premium website design images, then deeply analyzes them to implement faithful frontend code for hero sections, landing pages, and marketing sites.
sdd-design
Convierte especificaciones aprobadas en un plan técnico detallado, documentando decisiones de arquitectura, flujo de datos y cambios de archivos.
0
interaction-design
Design interaction flows, states, and microinteractions for usability and feedback clarity. Use when: (1) defining flows, (2) state/error handling, (3) reducing cognitive load. NOT for: final code implementation.
0
create-implementation-plan
Generate structured, machine-readable implementation plans for features, refactoring, upgrades, or infrastructure changes.
36.2k
figma-implement-design
Translates Figma designs into production-ready application code with pixel-perfect accuracy, using the Figma MCP server to fetch design context, screenshots, and assets.
23.3k · bundle
implement
Implement a piece of work based on a spec or set of tickets.
0 · bundle
software-architecture
Enforces system design, project structure, dependency management, error handling, testing, and documentation standards at principal-engineer level.
0
implement
Implement a piece of work based on a spec or set of tickets.
1
implement
Implements a piece of work from a spec or ticket set. Use when the user says "implement this spec", "work the tickets", or wants code written from an existing plan.
580 · bundle
implementation-plan-writer
Write an implementation plan from an approved architecture and MVP scope. Use when the team needs milestones, workstreams, dependency ordering, acceptance criteria, and execution sequencing that connect product intent to shippable engineering work.
0
brainstorming
Use before any creative or ambiguous work - new features, new components, or behavior changes - to explore intent, requirements, and design before implementation starts.
1
design-an-interface
Generates multiple radically different interface designs for a module, compares them, and synthesizes the best approach.
1 · bundle
handoff-readiness-brief
Prepare implementation handoffs with states, flows, assets, edge cases, and acceptance criteria.
0
speckit-retrospective-analyze
Perform a post-implementation retrospective analysis measuring spec adherence, implementation deviations, and lessons learned.
11
codebase-design
Shared vocabulary for designing deep modules — a small interface hiding a lot of behavior. Use when designing or improving a module's interface, deciding where a seam belongs, deciding whether to extract or merge modules, or making code more testable.
3 · bundle
implement
Implements work from a PRD or set of issues using TDD, typechecking, and regular testing, then reviews and commits the changes.
42.4k
design-sprint
Run a structured 5-day process to prototype, test, and validate product ideas with real users. Covers mapping, sketching, deciding, prototyping, and testing across Monday-Friday.
1.6k · bundle
chaos-engineer
Designs chaos experiments, creates failure injection frameworks, and facilitates game day exercises for distributed systems — producing runbooks, experiment manifests, rollback procedures, and post-mortem templates.
10.4k · bundle
interaction-designer
Use this when the team needs detailed interaction behavior for user inputs, transitions, feedback, validation, confirmations, or stateful UI behavior that should be implementation-ready rather than purely visual.
0