elite-frontend-ux-10-implementation-order
Sub-skill of elite-frontend-ux: 10. Implementation Order.
Best use case
elite-frontend-ux-10-implementation-order is best used when you need a repeatable AI agent workflow instead of a one-off prompt.
Sub-skill of elite-frontend-ux: 10. Implementation Order.
Teams using elite-frontend-ux-10-implementation-order should expect a more consistent output, faster repeated execution, less prompt rewriting.
When to use this skill
- You want a reusable workflow that can be run more than once with consistent structure.
When not to use this skill
- You only need a quick one-off answer and do not need a reusable workflow.
- You cannot install or maintain the underlying files, dependencies, or repository context.
Installation
Claude Code / Cursor / Codex
Manual Installation
- Download SKILL.md from GitHub
- Place it in
.claude/skills/10-implementation-order/SKILL.mdinside your project - Restart your AI agent — it will auto-discover the skill
How elite-frontend-ux-10-implementation-order Compares
| Feature / Agent | elite-frontend-ux-10-implementation-order | Standard Approach |
|---|---|---|
| Platform Support | Not specified | Limited / Varies |
| Context Awareness | High | Baseline |
| Installation Complexity | Unknown | N/A |
Frequently Asked Questions
What does this skill do?
Sub-skill of elite-frontend-ux: 10. Implementation Order.
Where can I find the source code?
You can find the source code on GitHub using the link provided at the top of the page.
SKILL.md Source
# 10. Implementation Order ## 10. Implementation Order 1. Define CSS token block (§2) 2. Sketch semantic HTML structure (§3 — no ARIA until HTML exhausted) 3. Apply Tailwind mobile-first (§6) 4. Add component variants via CVA (§6) 5. Wire interactivity with React patterns (§7) 6. Run pre-delivery checklist (§9) 7. Verify one distinctive aesthetic element is present (§1)
Related Skills
read-only-pre-implementation-audit
Systematic cross-check workflow to validate assumptions before TDD coding begins
portable-baseline-pattern-implementation
Implement portable configuration baselines by separating machine-agnostic settings from machine-specific hooks and plugins
plan-gated-issue-implementation
Workflow for executing pre-approved GitHub issues with mandatory validation checkpoints
live-state-aware-overnight-implementation-prompts
Design overnight implementation prompts that begin with a live repo/CI precheck so workers continue from partial progress instead of replaying stale handoffs.
frontend-design
Create distinctive, production-grade web interfaces with high design quality. Use for components, pages, dashboards, and full applications that need to stand out from generic AI aesthetics.
skill-creator-technical-implementation
Sub-skill of skill-creator: Technical Implementation.
clinical-trial-protocol-implementation-requirements
Sub-skill of clinical-trial-protocol: Implementation Requirements.
orcaflex-model-generator-pipeline-builders-order-10-50
Sub-skill of orcaflex-model-generator: Pipeline Builders (order 10-50) (+2).
testing-production-1-implementation-completeness-check
Sub-skill of testing-production: 1. Implementation Completeness Check (+2).
planning-code-goal-implementation-pattern
Sub-skill of planning-code-goal: Implementation Pattern.
planning-code-goal-example-1-feature-implementation-plan
Sub-skill of planning-code-goal: Example 1: Feature Implementation Plan (+2).
elite-frontend-ux-trigger
Sub-skill of elite-frontend-ux: Trigger.