メニュー
Frontend development patterns for AI Agency projects covering tech stack preferences, component architecture, file structure, and coding conventions. Self-evolves to match user's preferred frameworks and coding style.
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/modu-ai/moai-studio --skill agency-frontend-patternsコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
Mobile native and cross-platform development domain skill covering iOS native (Swift/SwiftUI), Android native (Kotlin/Jetpack Compose), React Native, and Flutter. Use when implementing mobile features or selecting between mobile paradigms. Harness seed: invoke builder-skill for deep sub-skills.
MoAI unified orchestrator for autonomous development. Routes natural language or subcommands (plan, run, sync, design, db, project, fix, loop, mx, feedback, review, clean, codemaps, coverage, e2e) to specialized agents.
Brand-aligned visual design system specialist for web projects. Enforces hero-first layout chaining, WCAG 2.1 AA accessibility, Lighthouse >= 80, and design token extraction from brand identity files. Covers color palettes, typography, spacing, and component specifications.
SOC 職業分類に基づく
SKILL.md を表示中
| name | agency-frontend-patterns |
| description | Frontend development patterns for AI Agency projects covering tech stack preferences, component architecture, file structure, and coding conventions. Self-evolves to match user's preferred frameworks and coding style. |
| license | Apache-2.0 |
| compatibility | Designed for Claude Code |
| allowed-tools | Read, Grep, Glob, Bash, mcp__context7__resolve-library-id, mcp__context7__get-library-docs |
| user-invocable | false |
| metadata | {"version":"1.0.0","category":"agency","status":"active","updated":"2026-04-02","evolution_count":"0","confidence_score":"0.00","base_context":"tech-preferences.md","dependencies":"agency-evaluation-criteria","tags":"frontend, react, nextjs, tailwind, components, architecture, code-patterns","related-skills":"agency-design-system, agency-evaluation-criteria"} |
| progressive_disclosure | {"enabled":true,"level1_tokens":100,"level2_tokens":5000} |
| triggers | {"keywords":["frontend","react","next.js","component","tailwind","code","implementation","build"],"agents":["builder"],"phases":["run"]} |
Governs all code implementation decisions for AI Agency projects. Ensures consistent tech stack usage, component architecture, and coding conventions aligned with user preferences.
Purpose: Define and enforce frontend development patterns, file structure conventions, and code quality standards for agency project implementation.
Input Contract:
design-spec.md)copy.md).agency/context/tech-preferences.md)Output Contract:
Owner: .agency/context/tech-preferences.md
Derived from Brand Context. Never auto-modified. Manual editing only.
Rules, Anti-Patterns, and Heuristics below evolve via user feedback.
(No rules yet. Rules will be added as the system learns from user feedback.)
(No anti-patterns yet.)
(No heuristics yet.)