Distinctive interface design
Creates a visual direction rooted in the product’s subject, real content and audience while respecting an existing brand.
frontend-design
Included files 2
LICENSE.txtSKILL.md
Team members: 13
Landing pages, visual design, copywriting, SEO, accessibility, responsive layout and fast performance.
Landing pages, visual design, copywriting, SEO, accessibility, responsive layout and fast performance.
Members: A11y, Aria, Atlas, Clara, Cleo, Focus, Lara, Leo, Lexa, Nova, Pixel, Prism, and Vera. Includes their complete profiles, portraits and 129 shared supporting skills.
Install the team, then assign it to a project. The shared specialists and their skill dependencies travel together.
UI/UX designer and design engineer
Primary model:
Opus (latest)
Frontend developer, UI/UX designer, animation developer
Primary model:
Opus (latest)
UI/UX designer, analyst, reviewer
Primary model:
Gemini Argon (latest)
Accessibility developer, frontend developer, reviewer
Primary model:
GPT Astra (latest)
Design system developer, frontend developer, reviewer
Primary model:
GPT Astra (latest)
Backend developer, developer
Primary model:
Opus (latest)
Laravel developer, backend developer, reviewer
Primary model:
Opus (latest)
Vue developer, frontend developer, reviewer
Primary model:
GPT Astra (latest)
Analyst, planner, reviewer
Primary model:
Gemini Argon (latest)
Legal researcher, privacy analyst, writer
Primary model:
Gemini Argon (latest)
Debugger, tester, reviewer
Primary model:
Gemini Argon (latest)
Tester, reviewer, researcher
Primary model:
GPT Astra (latest)
Technical writer, writer, analyst
Primary model:
Sonnet (latest)
Explore the skills assigned to this team. Open a card for a clear explanation, a practical example and the agents who use it.
Creates a visual direction rooted in the product’s subject, real content and audience while respecting an existing brand.
frontend-design
LICENSE.txtSKILL.mdTurns designs into usable interfaces with clear loading and error states, reliable interactions and layouts that work on different screens.
frontend-ui-engineering
LICENSE.txtSKILL.mdHelps people use your interface with a keyboard or screen reader, with readable contrast, clear labels and understandable error messages.
web-accessibility
SKILL.mdFinds visible interface defects in real browser states, screen sizes and content extremes before a change is declared finished.
visual-qa
LICENSE.txtSKILL.mdBuilds consistent reusable interface foundations from the project's actual components, tokens and recurring needs.
design-system
LICENSE.txtSKILL.mdUses restrained animation to explain state changes and provide feedback while keeping frequent actions quick and accessible.
ui-motion
LICENSE.txtSKILL.mdTurns a page’s communication need into an actionable image brief with composition, delivery formats and brand-specific constraints.
visual-asset-brief
SKILL.mdFinds the real causes of slow page loading and delayed interactions, then checks improvements using comparable before-and-after measurements.
web-performance
SKILL.mdShapes a landing page around one clear visitor outcome, truthful evidence and a focused next action.
landing-page-conversion
SKILL.mdShapes complete mobile journeys around platform conventions, touch use, network conditions and clear feedback.
mobile-app-ux
SKILL.mdHelps choose a reusable application foundation by comparing actual workflow fit, ownership effort and alternatives to building from scratch.
business-project-foundations
SKILL.mdreferences/README.mdreferences/adoption-checklist.mdreferences/repositories.jsonDesigns motion as explicit interaction behavior that remains coherent when users reverse, repeat or interrupt an action.
motion-design-states
SKILL.mdChooses and builds the simplest suitable animation technique while handling interruptions, layout changes and resource cleanup.
web-animation-implementation
SKILL.mdKeeps animated interactions understandable and operable for people who reduce motion, navigate by keyboard or use assistive technology.
motion-accessibility
SKILL.mdProfiles animation work, resource lifetimes and interaction interruptions across browsers, viewports and visibility changes.
animation-performance-verification
SKILL.mdTurns scrolling into a clear sequence of product states while preserving native control and accessible fallback content.
scroll-based-storytelling
SKILL.mdPrepares scalable SVG motion with correct coordinates, unique identifiers and accessible reduced-motion behavior.
svg-animation
SKILL.mdBuilds responsive custom Canvas visuals with correct pixel density, stable animation timing and usable alternatives to bitmap-only interaction.
canvas-interactive-graphics
SKILL.mdCoordinates multi-element animation with reusable timelines, predictable interruption and component-scoped cleanup.
gsap-timeline-animation
SKILL.mdCoordinates animations with component lifecycles so rendering, cancellation and navigation do not compete for the same properties.
framework-animation-integration
SKILL.mdCreates a coherent product demonstration with deterministic scene states, manual control and honest simulation labels.
interactive-product-demos
SKILL.mdAdds interactive web graphics only within a justified load and device budget, with usable fallbacks and complete graphics-resource cleanup.
webgl-3d-experiences
SKILL.mdEvaluates whether an interface supports a clear user task without unnecessary mental effort, while preserving essential controls and exceptions.
critical-product-ux-review
SKILL.mdFinds confusing choices and improves grouping, naming and timing without blindly removing useful controls.
decision-complexity-hick-hyman-analysis
SKILL.mdOrganizes navigation and terminology around user tasks so people can predict where information and actions belong.
information-architecture-naming
SKILL.mdRemoves unnecessary steps and repeated input while preserving meaningful decisions and complete task progress.
workflow-simplification
SKILL.mdTurns usability criticism into ranked, buildable redesign proposals that explain the improvement and the business behavior that must survive.
actionable-redesign-proposals
SKILL.mdReduces routine decisions through sensible defaults while keeping advanced choices discoverable and important consequences visible.
progressive-disclosure-defaults
SKILL.mdReduces unnecessary fields and clarifies validation, grouping and when settings actually take effect.
forms-settings-simplification
SKILL.mdCombines helpful first-use guidance with efficient repeated actions for experienced users.
expert-first-time-user-paths
SKILL.mdAssesses concrete user tasks for discoverability, comprehension and cognitive or motor effort with observable success criteria.
usability-evaluation
SKILL.mdMakes interface structure, controls and states understandable to assistive technology using meaningful native HTML.
semantic-html-accessible-names
SKILL.mdDesigns predictable keyboard navigation and visible focus across widgets, overlays, deletion and route changes.
keyboard-focus-engineering
SKILL.mdBuilds dialogs, menus and other interactive controls with keyboard behavior, meaningful labels and predictable focus management.
accessible-component-development
SKILL.mdProduces an accessibility assessment that distinguishes automated findings, manual interaction checks and actual assistive-technology evidence.
accessibility-testing-evidence
SKILL.mdChecks how assistive technology actually reads and operates an interface, including navigation modes and announcement clarity.
screen-reader-compatibility
SKILL.mdDesigns forms with persistent labels, useful instructions and validation errors that people can find and correct.
accessible-forms-validation
SKILL.mdMakes route changes, saving, errors and background updates understandable to screen reader users without disruptive focus movement.
dynamic-ui-live-announcements
SKILL.mdKeeps interfaces readable and operable under enlarged text, narrow reflow and high-contrast preferences without relying on color alone.
zoom-reflow-visual-accessibility
SKILL.mdMakes visual and audiovisual content usable with motion preferences, pause controls and alternatives for information conveyed through media.
motion-media-accessibility
SKILL.mdBuilds repeatable accessibility checks into shared components so later changes reveal broken names, keyboard interactions and focus behavior early.
accessibility-regression-automation
SKILL.mdFinds genuinely shared interface patterns from real usage before extracting new primitives or expanding a design system.
component-inventory-discovery
SKILL.mdConnects visual values to semantic interface roles so themes and component refinements remain consistent.
design-tokens-theming
SKILL.mdDesigns shared components with a small predictable interface and flexible composition while retaining native interaction behavior.
component-api-composition
SKILL.mdMakes shared interface components resilient across interaction states, assistive technologies, long translations and enlarged text.
accessible-component-engineering
SKILL.mdExplains component choices and correct usage with realistic examples, documented keyboard behavior and explicit supported limits.
component-documentation-examples
SKILL.mdCreates stable screenshot comparisons that distinguish intentional visual changes from defects without treating images as proof of interaction correctness.
visual-regression-testing
SKILL.mdShows meaningful component states in the existing preview environment using the same foundations as production.
storybook-component-workbenches
SKILL.mdReplaces legacy interface elements in reviewable batches and retires old implementations after verified adoption.
design-system-migration
SKILL.mdCreates consistent theme switching through semantic colors and native browser integration rather than separate fragile component styles.
multi-brand-dark-mode
SKILL.mdPackages UI components and styles as explicit versioned contracts that work across consuming applications and build environments.
component-packaging-versioning
SKILL.mdKeeps shared visual behavior consistent while implementing components in the conventions of the actual framework.
framework-specific-components
SKILL.mdHelps you navigate an existing project by locating important files, system connections and the right place for a scoped change.
codebase-discovery
LICENSE.txtSKILL.mdImplements server behavior in tested, coherent increments that preserve business rules, transaction integrity and visible failure states.
backend-implementation
LICENSE.txtSKILL.mdChecks how your application handles sign-ins, forms, uploads and sensitive data. Helps prevent malicious input and unintended data exposure.
secure-coding
LICENSE.txtSKILL.mdAllocates test effort according to the impact and likelihood of what a change could break.
risk-based-testing
LICENSE.txtSKILL.mdConnects your application to other systems. Defines how they exchange data, handle errors and recover when a service is temporarily unavailable.
api-integration
LICENSE.txtSKILL.mdPlans schema changes that preserve data and allow old and new application versions to coexist during transition.
database-migrations
LICENSE.txtSKILL.mdMakes queued work safe to repeat and recover by treating duplicate delivery and partial completion as normal operational cases.
background-jobs
LICENSE.txtSKILL.mdConnects logs, metrics and traces to concrete questions about failures, performance and user impact.
observability
LICENSE.txtSKILL.mdBuilds tests for individual functions and complete workflows, helping catch errors and prevent previously fixed problems from returning.
testing-discipline
SKILL.mdKeeps a code change complete but reviewable by following local conventions and limiting edits and dependencies to the requested outcome.
clean-changes
SKILL.mdMaps the installed Laravel stack and actual project structure before choosing APIs, conventions or verification commands.
laravel-codebase-discovery
LICENSE.txtSKILL.mdUses existing Laravel conventions to give validation, authorization, business rules and HTTP handling clear responsibilities.
laravel-conventions
LICENSE.txtSKILL.mdDesigns expressive Laravel queries and model relationships with predictable events, memory use and data conversion.
laravel-eloquent
LICENSE.txtSKILL.mdEnforces validated input, record permissions and tenant boundaries at Laravel's server-side entry points.
laravel-auth-validation
LICENSE.txtSKILL.mdVerifies Laravel behavior with focused endpoint, permission and persistence tests using the project's existing test framework.
laravel-testing
LICENSE.txtSKILL.mdRuns background work with explicit retries, durable outcomes and clean transaction and tenant boundaries.
laravel-queues-events
LICENSE.txtSKILL.mdPlans schema changes and related writes around existing data, deployment order and recoverable transitions.
laravel-migrations
LICENSE.txtSKILL.mdImproves measured database and response costs with bounded queries and correctly scoped cache entries.
laravel-performance-cache
LICENSE.txtSKILL.mdCreates deliberate response contracts and efficient Inertia page data without exposing raw models or unnecessary relationships.
laravel-api-inertia
LICENSE.txtSKILL.mdMakes scoped Laravel changes in verified steps while preserving application structure and observable contracts.
laravel-upgrade-refactoring
LICENSE.txtSKILL.mdMaps a Vue project before implementation so new work fits its actual versions, reusable components and data ownership.
vue-codebase-discovery
LICENSE.txtSKILL.mdOrganizes reactive state so the interface updates when expected, without duplicated values, looping watchers or abandoned background work.
vue-reactivity
LICENSE.txtSKILL.mdCreates reusable Vue components with explicit inputs and events, making it easier to understand where data belongs and how changes are saved.
vue-components-typescript
LICENSE.txtSKILL.mdChecks frontend changes with repository tooling and real browser behavior, then reports precisely what the available evidence covers.
frontend-verification
LICENSE.txtSKILL.mdExtracts repeated reactive behavior into focused functions with clear inputs, explicit actions and automatic resource cleanup.
vue-composables
LICENSE.txtSKILL.mdPlaces Vue state at the right scope and uses Pinia only for information genuinely shared across views.
pinia-state
LICENSE.txtSKILL.mdCoordinates Laravel-owned page data with Vue editing and Inertia navigation so refreshing a page does not corrupt local work or authorization.
inertia-laravel-vue
LICENSE.txtSKILL.mdMakes routes, filters and browser history work together so links reopen the intended view and navigation preserves user expectations.
vue-router
LICENSE.txtSKILL.mdKeeps Vue forms and data-loading flows predictable when networks are slow, requests overlap or saving fails.
vue-async-forms
LICENSE.txtSKILL.mdImproves slow Vue views by reducing unnecessary work and keeping server-generated pages consistent with the browser’s first render.
vue-performance-ssr
LICENSE.txtSKILL.mdChecks whether proposed work serves a documented user outcome and suggests a proportionate alternative when technical scope grows beyond it.
business-goal-alignment
SKILL.mdDefines a finite complete task and keeps optional enhancements from silently expanding implementation.
scope-control-acceptance-criteria
SKILL.mdFinds unnecessary layers and speculative generalization while preserving essential correctness, security and recovery behavior.
engineering-simplicity-review
SKILL.mdFinds a narrow end-to-end solution that reuses existing capabilities while retaining the quality needed for everyday operation.
minimal-complete-solution-design
SKILL.mdHelps choose between realistic solutions by considering development effort, ongoing maintenance and the consequences of changing course later.
trade-off-lifecycle-cost-analysis
SKILL.mdDefines a small time-bounded experiment when an important decision depends on a genuinely unknown technical fact.
technical-spike-scoping
SKILL.mdEvaluates whether restructuring removes a real obstacle to current work and keeps justified cleanup separate from speculative churn.
refactoring-value-review
SKILL.mdDetermines whether delivery meets the accepted goal and distinguishes genuine completion blockers from optional future polish.
delivery-closure-review
SKILL.mdTraces actual product, commercial and personal-data workflows before legal analysis or document drafting.
product-data-flow-discovery
SKILL.mdMaps which legal regimes may apply based on establishment, markets, customer groups and product activities.
jurisdiction-applicability-research
SKILL.mdChecks legal requirements against authoritative text, applicable dates and the actual force of each source.
primary-legal-source-verification
SKILL.mdWrites understandable legal drafts grounded in verified behavior while marking missing facts and undecided commitments.
product-based-legal-drafting
SKILL.mdCompares legal documents, interface disclosures and actual product behavior to identify contradictions and missing decisions.
legal-consistency-gap-review
SKILL.mdDrafts privacy notices and processing terms from actual data activities, making role and legal-basis assumptions visible for qualified review.
gdpr-privacy-documentation
SKILL.mdAligns contractual drafts and checkout disclosures with actual commercial flows and researched consumer requirements.
terms-consumer-protection
SKILL.mdReviews tracking and marketing flows against their actual consent, purpose and local legal context.
cookies-electronic-marketing
SKILL.mdConnects actual AI features and data flows with questions about regulatory roles, transparency, privacy and contractual promises.
ai-product-regulation-research
SKILL.mdMaps external services and their data flows to prepare a grounded review of responsibilities, contracts and international transfers.
vendor-international-transfer-review
SKILL.mdUses comparable products' documents to identify research questions and clearer structure without copying their legal assumptions.
comparative-legal-document-research
SKILL.mdTracks document versions, effective dates and change categories so notice and acceptance workflows can be reviewed.
legal-document-versioning
SKILL.mdFinds the earliest demonstrated cause of a reproducible failure through explicit hypotheses and focused verification.
systematic-debugging
LICENSE.txtSKILL.mdWrites precise defect reports that help another person reproduce the problem, understand its impact and verify the eventual repair.
bug-reporting
LICENSE.txtSKILL.mdFinds actionable defects in a change by comparing requirements, surrounding code and concrete user consequences.
code-review
LICENSE.txtSKILL.mdVerifies critical journeys in a real browser against a controlled test system with observable outcomes.
e2e-testing
LICENSE.txtSKILL.mdVerifies the request, response and side-effect contracts that API callers rely on, including authorization and webhook replay behavior.
api-testing
LICENSE.txtSKILL.mdProves forbidden operations fail through direct requests, indirect data paths and realistic multi-user permission scenarios.
authorization-testing
LICENSE.txtSKILL.mdFinds why concurrent requests lose updates, create duplicates or violate business invariants.
data-concurrency-debugging
LICENSE.txtSKILL.mdChecks whether a complete user journey has clear, consistent and testable expected behavior.
requirements-acceptance-review
SKILL.mdExplores high-impact workflows with targeted questions and adapts testing when unexpected behavior appears.
risk-based-exploratory-testing
SKILL.mdFinds behavior gaps at input boundaries, interruptions and interactions between otherwise working features.
edge-cases-state-transitions
SKILL.mdProduces release-relevant QA findings that separate verified defects, uncertain requirements and coverage limitations with evidence and appropriate severity.
bug-evidence-qa-reporting
SKILL.mdReplays the original failure and checks directly related cases to confirm a fix addresses its cause.
fix-verification-targeted-regression
SKILL.mdVerifies responsive layouts and real interactions across specified browser sizes, input methods and navigation states.
browser-cross-device-qa
SKILL.mdTests service boundaries with invalid input, overlapping requests and partial outages to reveal inconsistent or duplicated outcomes.
api-integration-qa
SKILL.mdTests permissions across personas, record ownership and membership changes, including indirect data surfaces.
roles-permission-scenarios
SKILL.mdChecks that lifecycle changes agree across lists, details, events and persistent state, including partial failures.
data-workflow-consistency
SKILL.mdChecks version-matched primary sources so tests distinguish application defects from documented platform behavior.
technical-research-for-qa
SKILL.mdAligns documentation claims with current repository behavior while separating plans and historical decisions.
doc-fact-checking
LICENSE.txtSKILL.mdExplains software in the document form readers need, connecting accurate technical facts to executable tasks and verification.
developer-documentation
LICENSE.txtSKILL.mdUpdates canonical project documents alongside code changes and resolves contradictions using the actual implementation.
documentation-maintenance
LICENSE.txtSKILL.mdChecks that documented commands and examples are consistent, safe to share and accurately labeled as tested or untested.
doc-verification
LICENSE.txtSKILL.mdExplains how to call real endpoints and handle their permissions, responses, side effects and integration failures correctly.
api-documentation
LICENSE.txtSKILL.mdExplains real system boundaries and the reasons behind consequential technical choices in maintainable documentation.
documentation-and-adrs
LICENSE.txtSKILL.mdCreates a repository-grounded path from a fresh development machine to the first successful application run and test.
developer-onboarding
LICENSE.txtSKILL.mdWrites symptom-led operational guidance with safe diagnosis, explicit recovery scope and observable verification.
runbooks-troubleshooting
LICENSE.txtSKILL.mdExplains user-visible changes and exact upgrade steps with examples, compatibility limits and recovery consequences.
migration-release-notes
LICENSE.txtSKILL.mdAssigns verified project knowledge a clear home while preserving an existing documentation structure.
documentation-blueprint
SKILL.md